JavaScript从div标签中获取值

Question

您好我是JavaScript的新手。我需要获取价值＆＃39; KARTHIK＆＃39;来自以下使用document.getElement，

的代码

<div class="account-info">
<h3 class="account-header">Welcome back,</h3>
<p>
<strong>KARTHIK</strong><br> 
</p>
</div>

任何人都可以帮助我。提前谢谢。

Answer 1

您可以使用innerHTML

你必须给强标签一个id。

<strong id="ih">KARTHIK</strong>
<script>var innerStrong=document.getElementById("ih").innerHTML;</script>

Answer 2

您可以通过其标记获取元素：

alert(document.getElementsByTagName("strong")[0].innerHTML);

<div class="account-info">
<h3 class="account-header">Welcome back,</h3>
<p>
<strong>KARTHIK</strong><br> 
</p>
</div>

但是，按标记名称获取元素可能不可靠，因为可能有多个<strong>标记。因此，建议为元素分配id：

alert(document.getElementById("account-name").innerHTML);

<div class="account-info">
<h3 class="account-header">Welcome back,</h3>
<p>
<strong id="account-name">KARTHIK</strong><br> 
</p>
</div>

Answer 3

您可以使用文档对象的querySelector轻松获取此信息。 document.querySelector("div.account-info strong").innerHTML

请参阅此jsbin