单击按钮上的javascript显示不必要的`<div>`

时间:2015-10-07 09:12:51

标签: javascript html

基于此Junio C Hamano -- gitster --示例创建的短代码

 <!doctype html>
 <html>
 <head>
 <title>WYSIWYG Editor</title>

 </head>
 <body>

 <button onclick="displayhtml()">Display HTML</button>
 <div class="editor" style="width: 50px; height: 100px; background-color: white; border: 1px solid grey;" contenteditable="true" spellcheck="true">
 </div>

 <div class="htmloutput">
 </div>

 <script>
 function displayhtml() {

 document.getElementsByClassName("htmloutput")[0].textContent = document.getElementsByClassName("editor")[0].innerHTML;
 }
 </script>    

 </body>

 </html>

在本地计算机上创建wamp / www内的索引文件并粘贴代码。

class="editor"内键入输入文字Enter。然后点击button onclick="displayhtml()"

我明白了 <div><br></div><div>text</div><div><br></div> 而不是预期的<br>text<br>

在这里尝试commit 9958dd8 一切都好。

为什么在本地计算机上看到这些divs以及如何删除它们?

0 个答案:

没有答案