javascript - 使用 JavaScript(无 JQuery)从 [object, HTMLUnknownElement] 获取innerHTML

Question

所以，我正在编写一个脚本来查找 tagName 为 ui 的元素，并将标签内的内容打印到控制台:

<ui>CONTENT_HERE</ui>

我正在使用以下代码来执行此操作。

var e = document.getElementsByTagName('ui');

for (var i = 0; i < e.length; i++) {
    if (e[i].tagName.toLowerCase() === 'ui') {
        console.log(e[i].innerHTML());
    }
}

对于此代码，我收到错误:

e[i].innerHTML is not a function(...)

打印时e[i]就其本身而言，我得到 <ui>CONTENT_HERE</ui>作为输出。

我该怎么做才能从标签内部获取内容并将其打印到屏幕上？

注意 - 我尝试过使用 .html()和.value()还有。

请不要使用 JQuery。谢谢。

Answer 1

只需删除括号即可访问该属性。

console.log(e[i].innerHTML);
//                       ^^

var e = document.getElementsByTagName('ui');

for (var i = 0; i < e.length; i++) {
    if (e[i].tagName.toLowerCase() === 'ui') {
        console.log(e[i].innerHTML);
    }
}

<ui>CONTENT_HERE</ui>