Javascript从h4标签中获取值

Javascript get the value from an h4 Tag

本文关键字：获取 标签 h4 Javascript      更新时间：2023-09-26

我试图从下面的代码中获得Lotus h4标签的值

    <a id="linkSale" class="linkAccess" title="" href="/vp4/Home/Handlers/OperationAccess.ashx?operationid=17285" onclick="javascript:PrepareEventOnLinksAnchor(17285);">
    <h4>Lotus</h4>
    <p class="dateSales">Du <em><strong>mercredi&nbsp;1 mai</strong>&nbsp;9h</em> au <em><strong>dimanche&nbsp;5 mai</strong>&nbsp;6h</em> </p>
    <p class="baseline"></p>
    </a>

我做了如下的事:

var h=document.getElementById("17285");

var i=h.getElementsByTagName("h4");

返回如下行:

<h4>Lotus</h4>

我想要的是得到值Lotus转换为文本

这些都可以——我推荐最后一个

console.log(
  document.getElementById("linkSale").getElementsByTagName("h4")[0].textContent,
  document.getElementById("linkSale").querySelector("h4").textContent,
  document.querySelector("#linkSale h4").textContent
)
<a id="linkSale" class="linkAccess" title="" href="/vp4/Home/Handlers/OperationAccess.ashx?operationid=17285">
  <h4>Lotus</h4>
  <p class="dateSales">Du <em><strong>mercredi&nbsp;1 mai</strong>&nbsp;9h</em> au <em><strong>dimanche&nbsp;5 mai</strong>&nbsp;6h</em> </p>
  <p class="baseline"></p>
</a>

你可以使用jQuery: 

<h4 id="title">Lotus</h4>


<script>[[jQuery .js File Path]]</script>

在文档准备好后，像这样做:

$(document).ready(){ 
     var text=$('#title').html();
});

但是我建议使用id

您可以在示例中使用"innerHTML"。

 var text = h.getElementsByTagName("h4")[0].innerHTML;

或"innerText" 

var text = h.getElementsByTagName("h4")[0].innerText

我强烈建议您使用jQuery完成这类工作。使用jQuery，这很简单:

var i = $('h4').text();

然而，无论何时你可以使用id属性。

<h4 id="doc_head">Lotus</h4>

然后在JS中:

var i = $('#doc_head').text();

如果你出于某种原因不想使用jQuery -得到这样的文本(丑):

var i = h.textContent || h.innerText; // having your DOM object in h

以上应该在IE和W3C兼容的浏览器中工作，看看这里- mozilla中的InnerText替代

你可以使用jQuery:

<h4 id="title">Lotus</h4>

在顶部包含脚本:

<script>[[jQuery .js File Path]]</script>

文档准备好了，像这样做:

$(document).ready(){ 
     var text=$('#title').html();
});

但我建议使用id's或classes

相关文章：