Javascript 从富文本字段内容创建列表项

Javascript 从富文本字段内容创建列表项,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想从我得到的div和input标记中获取用户输入文本: <input id="title" placeholder="Title (Optional)"> <div class="editor" contenteditable></div> getElementsByClassName('editor')将使用类editor返回元素数组,因此您不能只执行.value,您需要获取数组中的第一个元素 另外,由于它是一个div,我认为您需要使用textCon

我想从我得到的divinput标记中获取用户输入文本:

<input id="title" placeholder="Title (Optional)">

<div class="editor" contenteditable></div>


getElementsByClassName('editor')
将使用类
editor
返回元素数组,因此您不能只执行
.value
,您需要获取数组中的第一个元素

另外,由于它是一个div,我认为您需要使用
textContent
,所以它看起来是这样的

var inputText = document.getElementsByClassName('editor')[0].textContent
对于输入类型,您必须在javascript中写入以下内容:

对于div,您必须在javascript中写入以下内容:


我希望这会起作用

这肯定起作用,尽管输出不包括文本框所做的任何更改(颜色、大小、粗体/斜体/下划线等)。关于这个有什么想法吗?还是只发布一个新问题更好?这个网站还是很新的。我在手机上,所以我不能确定,但是你可以试试
innerHTML
I而不是
textContent
。不过,如果你能问一个新问题,可能会更走运
var inputText = document.getElementsByClassName('editor')[0].textContent
var input_val = getElementsByClassName('title').value;
var div_val = getElementsByClass('editor').value;