Javascript 从 h4 标签中获取值答案

【问题标题】：Javascript get the value from an h4 TagJavascript 从 h4 标签中获取值
【发布时间】：2013-04-28 17:03:25
【问题描述】：

我正在尝试从下面的代码中获取 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 转换为文本。

【问题讨论】：

你看过这里吗：stackoverflow.com/questions/5321739/…
顺便说一句：id不能只是数字，它们必须至少以一个字符开头
html5中允许使用数字

标签： javascript

【解决方案1】：

你可以使用 jQuery：

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

在顶部包含脚本：

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

在文件准备好时这样做：

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

但我建议使用id's 或classes

【讨论】：

我只是想涵盖所有内容:) 也许他有它的形式..无论如何 text() 应该这样做

【解决方案2】：

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

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

或“innerText”

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

【讨论】：

【解决方案3】：

我强烈建议您使用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

【讨论】：

【解决方案4】：

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

会起作用

【讨论】：

【解决方案5】：

你可以使用 jQuery：

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

在顶部包含脚本：

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

在文件准备好时这样做：

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

但我建议使用 id。

【讨论】：