从div函数

Question

这是我们在3天前的JavaScript课程中所做的练习。我们的教授想要的是，如果＆＃34;喜欢＆＃34; /＆＃34;评论＆＃34; /＆＃34;分享＆＃34;点击它就会被着色，如果再次点击它又会回到原来的颜色 - 就像Facebook类型一样......所以无论如何，我确实得到了那个部分。但他也希望如果在文本框中键入内容并按下＆＃34;发送评论＆＃34;他希望它出现在我制作的上方或上方的空白处...... - 我没有得到那个部分，他从未教过我们如何，他只是检查，并记录了我们能做的事情。 ..所以我想学习并真正理解它......

Answer 1

您已经尝试过的代码非常接近。问题是这一行：

var text = document.getElementById('Coms')

...让你引用'Coms'文本框本身，它没有得到它的价值。这就是为什么在你的图片中你会显示“[object HTMLInputElement]”文本。

要获取表单元素的值（如输入），您需要.value属性：

var text = document.getElementById('Coms').value;

在您的全部功能的背景下：

function myFunction3(){
  var text = document.getElementById('Coms').value;
  document.getElementById("Div3").innerHTML = text;
}

Answer 2

<div id="text"></div>
<form>
    <input type="text" id="textcontent"></input>
    <input type="button" onclick="getdata()" value="Send comment"></input>
</form>
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
<script type="text/javascript">
function getdata(){
    var textdata = document.getElementById('textcontent').value;
    alert(textdata);
    console.log(2);
    $('#text').text(textdata);
}
</script>

此代码将帮助您实现