javascript 如何获取DIV的值

vdgimpew 于 2023-04-19 发布在 Java

关注(0)|答案(4)|浏览(152)

我已经在我的HTML页面上集成了froala编辑器。我需要获取我在div中写入的数据及其HTML属性。
下面是我的代码：
联系我们

<button>
  click
</button>

<div id="froala-editor-br">
  The editor can use <code>BR</code> tags. When ENTER key is hit, a <code>BR</code> tag is inserted.
</div>

js代码

$('div#froala-editor-br').froalaEditor({
  enter: $.FroalaEditor.ENTER_BR
});

    $("button").click(function(){
        var chk = $('#froala-editor-br').html();
alert(chk);
    });

这是工作的jsfiddle
如果你按下click按钮，它是提取froala代码，而不是我输入的代码。

JavaScript

来源：https://stackoverflow.com/questions/49391665/how-to-fetch-the-value-of-a-div

4条答案

按热度按时间

sqyvllje1#

只需将您的代码替换为下面的脚本。

$("button").click(function(){
        var chk = $('#froala-editor-br').froalaEditor('html.get');
        alert(chk);
    });

这里是文档链接。
getHTML

赞(0）回复(0）举报 2023-04-19

brgchamk2#

只需要更新选择器中的一行按钮里面的点击函数为：

var chk = $('#froala-editor-br .fr-element').html();

ES6更新

下面是使用模板文字和querySelector的相同代码的ES6版本：

const chk = document.querySelector('#froala-editor-br .fr-element').innerHTML;

赞(0）回复(0）举报 2023-04-19

uwopmtnx3#

froala编辑器动态地添加了自己的div s，并 Package 了许多元素。如果你只想在编辑器中显示文本，你需要改变你的选择器。
因此，选择器应该是$('#froala-editor-br .fr-view')。
如：

$("button").click(function() {
  var chk = $('#froala-editor-br .fr-view').text();
  alert(chk);
});

正如评论中提到的，@Smit Raval的答案使用了froala编辑器的API，使用它似乎是一个更好的选择。

赞(0）回复(0）举报 2023-04-19

0s7z1bwu4#

纯JS代码

let button = document.querySelector("button");
let div = document.getElementById("froala-editor-br");
button.addEventListener("click", function(e){
    alert(div.innerHTML);
});

赞(0）回复(0）举报 2023-04-19

我来回答

javascript 如何获取DIV的值

4条答案

ES6更新

相关问题

热门标签

最新问答