javascript - Javascript 从 h4 标签中获取值

Question

我正在尝试从下面的代码中获取 h4 标签的值Lotus

    <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转换为文本。

Answer 1

document.getElementById("linksale").getElementsByTagName("h4")[0].innerHTML

将工作

Answer 2

您可以为此使用 jQuery：

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

在顶部包含脚本：

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

在准备好文件时，这样做：

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

但我建议使用 id。

Answer 3

您可以为此使用 jQuery：

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

在顶部包含脚本：

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

在准备好文件时，这样做：

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

但我建议使用id's或classes

Answer 4

您可以在示例中使用“innerHTML”。

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

或“内文”

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

Answer 5

我强烈建议您使用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 兼容的浏览器中工作，看这里 - InnerText 在 mozilla 中的替代