Question

我正在尝试通过浏览器扩展访问页面上的html div元素的标题。当我在firefox中控制台记录元素并在开发工具中查看它时，得到以下输出：

<div class="X" A="Y" B="Z" C="XX">

单击上面的展开它时，我会获得元素特征列表：

...
tagName: "DIV"
textContent: "what is in the text"
title: "what I want to get"

但是，当我管理log element.title时，我得到一个空字符串。当我执行element.innerHTML时，当那里明显有东西时，我会变得不确定。

Answer 1

如果元素没有标题属性，则不会记录任何内容。我认为您可能会看到另一个div，请考虑以下事项：

console.log("class X div title: ", document.getElementsByClassName('X')[0].title);
console.log("class F div title: ", document.getElementsByClassName('F')[0].title);
//jQuery
console.log("class X div title: ", $(".X").prop('title'));
console.log("class F div title: ", $(".F").prop('title'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="X" A="Y" B="Z" C="XX">innerHTML for X</div>
<div class="F" A="Y" B="Z" C="XX" title="target title">innerHTML for F</div>

Answer 2

如果您想访问htmlElement的标题，则必须将其设置为打开（在您的示例中尚未设置），请查看我的标题：

<div class="X" A="Y" B="Z" C="XX" style="styleX" title="myAwesomeTitle">

无法访问Javascript中的html元素

2 个答案: