时间戳

首页 > 解决方案 > 如何在 javascript 中创建一个返回 HTML 元素的函数

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

问题描述

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

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");
}

但似乎没有一个工作我该怎么办？

标签： javascript

解决方案

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

推荐阅读