使用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>