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;

或“innerText”

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 alternative in mozilla

Javascript从h4标签中获取值

5 个答案: