无法访问Javascript中的html元素

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"

但是，当我控制台日志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">