如何在javascript中创建返回HTML元素的函数

Question

我正在编写一个JavaScript代码，试图获取HTML元素

function getOutput(){
    return document.getElementById("output-value").innerText;
}

但是当我发出alert( getOutput()) ，浏览器只是向我发送上面的代码行，我该如何解决呢？

我试图通过此方法修复它：

function getOutput(){
    return document.getElementById("output-value").innerHTML;
}

还有这个

function getOutput(){
    return document.getElementById("output-value");
}

但是似乎没有工作，该怎么办？

Answer 1

但是当我发出警报（getOutput（））时，浏览器只是向我发送上面的代码行，我该如何解决呢？

唯一会发生的方法是将语句放在引号内。 请参阅：代码段中的getOutputString()函数

如果您正在寻找子元素，那么.innerHTML就是您的选择。 而且，如果您尝试使用id本身获取元素，那么.outerHTML就是您想要的。

检查代码段：

 function getOutput(){ return document.getElementById("output-value").innerHTML; } function getOutputString(){ return 'document.getElementById("output-value").innerHTML;' } function getOutputEl(){ return document.getElementById("output-value").outerHTML; } alert(getOutput()); alert(getOutputString()); alert(getOutputEl()); 

 <div id='output-value'> <p>Test texts</p> </div>