获取跨度文本的值答案

【问题标题】：Get value of Span Text获取跨度文本的值
【发布时间】：2012-04-27 02:00:00
【问题描述】：

我有一个包含class="span" 的跨度和一个隐藏字段class="dropdown"。

span 文本发生变化，我需要抓取文本并将其设置为隐藏字段值的值。

然后我将使用 php（我已经拥有）并使用隐藏字段的名称将文本通过电子邮件发送给我。

我该怎么做？

【问题讨论】：

【解决方案1】：

<script type="text/javascript">
document.getElementById('button1').onChange = function () {
    document.getElementById('hidden_field_id').value = document.getElementById('span_id').innerHTML;
}
</script>

【讨论】：

关闭<body>标签之前
我有一个名为“button1”的提交按钮。你能把它变成一个点击功能吗？你能用我的问题中的类和ID吗：）
@HunterMitchell：你不能这样做吗？
如果这是一个 span 元素，onchange 事件将如何触发？
我不相信将onchange 附加到<span> 会起作用。

【解决方案2】：

var span_Text = document.getElementById("span_Id").innerText;

console.log(span_Text)

&lt;span id="span_Id"&gt;I am the Text &lt;/span&gt;

【讨论】：

@MichaelStalcup 您链接到的页面显示innerText 已被所有主要浏览器供应商采用，并且是HTML 标准的一部分。支持非常好：IE 6 +
@Kilmazing 感谢您指出这一点，我将删除我的旧评论，因为我无法编辑它。自从我查看它以来，Mozilla 一定已经更新了他们的页面！否则我误读了什么。如果您查看规范 > 评论，现在在 Mozilla's dev site 上有一些关于 innerText 的有趣附加读物
如果你的span元素有子元素并且你只需要文本会更好
根据您的帖子，我在 KeyboardMaestro 中单独使用了命令 document.getElementById("span_Id").innerText; 来拉入跨度字段以实现自动化 - 效果很好。谢谢@maxspan

【解决方案3】：

接受的答案很接近......但没有雪茄！

如果您严格希望将字符串返回给您，请使用 textContent 而不是 innerHTML。

innerHTML 可能会产生副作用，即如果其中还有其他 dom 元素，则为您提供 node 元素。 textContent 会防范这种可能性。

【讨论】：

【解决方案4】：

你需要修改你的代码如下：

<html>
<body>

<span id="span_Id">Click the button to display the content.</span>

<button onclick="displayDate()">Click Me</button>

<script>
function displayDate() {
   var span_Text = document.getElementById("span_Id").innerText;
   alert (span_Text);
}
</script>
</body>
</html>

【讨论】：

【解决方案5】：

根据您的其他帖子判断：How to Get the inner text of a span in PHP。您是 Web 编程的新手，需要了解客户端代码 (JavaScript) 和服务器代码 (PHP) 之间的区别。

关于从客户端获取跨度文本的正确方法，我推荐 Johns 回答。

这些是开始的好地方。

JavaScript： https://stackoverflow.com/questions/11246/best-resources-to-learn-javascript

PHP： https://stackoverflow.com/questions/772349/what-is-a-good-online-tutorial-for-php

我还推荐使用 jQuery（一旦你有一些 JavaScript 练习），它将消除你将遇到的大部分跨浏览器兼容性问题。但是不要把它当作学习的拐杖，理解 JavaScript 也很好。 http://jquery.com/

【讨论】：