javascript - 尝试访问 <Script> 中 div 的innerHTML，但结果未定义

Question

我正在使用母版页作为所有内容页面的标题，并且在其中一个内容页面中，我试图获取 div 的innerHTML 以输入控件(位于同一页面中)，以便我可以访问更新的内容来自代码后面的innerHTML。 因此，单击按钮后，这就是我的脚本。

 var myDivObj = $('#<%=txt.ClientID %>'); // div
   if (myDivObj) {
   var myInputObj = $('#<%=hdnDivContents.ClientID %>'); //input
   myInputObj.val(myDivObj.innerHTML); //assigns div's innerHTML to the input control 
   }

//但是，在中断期间，myDivObj.innerHTML 提示它未定义。

Answer 1

innerHTML 适用于“ native ”Javascript 对象。当您使用 jQuery 选择器时，您应该使用 .html() 方法。

myInputObj.val(myDivObj.html());

此外，您没有提到它，但是要在使用 jQuery 选择器时检查一个元素(或多个元素)是否存在，您应该使用 .length属性。否则，您的条件将始终作为 true 传递。

if (myDivObj.length) {

Demo