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

时间:2019-04-27 16:35:08

标签: javascript

我正在编写一个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");
}

但似乎没有一个起作用 我该怎么办?

1 个答案:

答案 0 :(得分:2)

  

但是当我发出警报(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>