Question

例如，你会有

<input id="searchbox" type="text" value="Type Here..." />

<button id="clickbait">Click Me</button>

<div id="emptydiv">sda</div>


<script type="text/javascript">


var clickthis="clickbait";
var searchinput=document.getElementById("searchbox").value;
var generate="emptydiv";


    document.getElementById(clickthis).onclick=function () {
        searchinput=document.getElementById("searchbox").value;
        document.getElementById(generate).innerHTML=searchinput;
    }

</script>

因此，当您点击按钮但我不理解＆＃34;想法时，这几乎只是将空div中的文本更改为文本字段中的内容。这是怎么回事。我已经将var设置为一个值，为什么你需要再次获取值？

到目前为止，我可以理解其他基础知识，比如文档（指整个页面），然后是getelementbyid（指元素），然后点击你希望它执行一个函数，但之后的一切都让人感到困惑。

Answer 1

当它触发点击事件时，然后searchinput = document.getElementById（＆＃34; searchbox＆＃34;）。value; 这意味着searachinput是输入领域中输入的内容

然后将该值重新分配给的document.getElementById（生成）.innerHTML = searchinput;

Answer 2

我已经将var设置为一个值，那么为什么需要获取该值再次？

当您在onclick分配之前首先设置SELECT *, 'isUserVariable' AS newvarialbe FROM tbl_name;值时，您在此时获取并分配了值searchinput。

在点击事件处理程序中，当点击div时，您将获得searchinput 中的值，因此当时的值可能会有所不同。

Answer 3

document.getElementById(clickthis).onclick=function ()

点击按钮时，触发事件：

searchinput=document.getElementById("searchbox").value;

获取'searchBox'的值：

document.getElementById(generate).innerHTML=searchinput;

在'emptyDiv'

中将'searchBox'中的内容分配为HTML

searchinput=document.getElementById("searchbox").value;

请注意：

    document.getElementById('clickbait').onclick=function () {
        var searchinput = document.getElementById("searchbox").value;
        document.getElementById('emptydiv).innerHTML=searchinput;
    }

实际上是多余的，因为你已经用其他变量声明了它。

所以你的代码应该是这样的：

$('#clickbait').on('click', function(){
   $('#emptydiv').innerHTML = $('#searchbox').value;
}

或者为了使它更简单并将其缩减为2行甚至可以使用jQuery：

object

Answer 4

当您单击按钮时，它会将输入值复制到“emptydiv”div中。

为什么这是真正的好问题，在这里，IMO。

我在Javascript中不理解这个函数的概念

4 个答案: