javascript - 如何在 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

but when I make a alert( getOutput()) the browser just sends me the lines of code above how do I fix this ?

发生这种情况的唯一方法是将语句放在引号内。请参阅:代码片段中的 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>