javascript - 获取标签 Javascript 内文本的值

标签 javascript html

我四处寻找这个问题的答案,但到目前为止都没有成功。我有一个包含带标题的单选按钮的 div

<div>
  <label title_id="1" function="update_answer_title" class="pure-radio" for="option-1">
      <input type="radio" name="1" value="1" id="option-1">
      Talking on the phone or sending a text message.
 </label>
 <label title_id="2" function="update_answer_title" class="pure-radio" for="option-2">
      <input type="radio" name="1" value="2" id="option-2">
      Having your keys held in your hand, ready to unlock car and/or provide defense.
 </label>
</div>

现在我要做的是在单击标签时获取标签内的文本。不是单选按钮的 html。所以在我的 onclick 监听器中我是到目前为止我尝试过的是:

     evt.target.childNodes[1].valueOf().innerText
     evt.target.childNodes[1].toString()
     JSON.stringify(evt.target.childNodes[1])

以及这些尝试的一系列其他排列。但每次我从这些返回的值中得到的是:

[object Text]

如何将对象文本转换为普通文本?

谢谢!

最佳答案

好吧,那太傻了,我想出来了,而不是做

evt.target.childNodes[1] ... 

我需要做的就是获取目标的内部文本,这将自动为我过滤掉 html,所以解决方案是:

evt.target.innerText

编辑:

在对评论的回应中,innerText 在 Firefox 中不存在。所以这样做的方法真的是:evt.target.innerText || evt.target.textContent;

谢谢@Ruslan Osmanov

关于javascript - 获取标签 Javascript 内文本的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36870314/

相关文章:

jquery - 凹凸形状div

python - 使用 python 从没有表单标签但有文本输入的网站中抓取数据

javascript - 有没有办法访问 HTML 的 CSS 部分中的 JavaScript 字符串变量?

javascript - console.log 的级别少 = false 转储?

javascript - .appendChild() 单击时的 HTML 元素

php - jQuery 标签 : Load Data when Tab is Active using AJAX

javascript - 使 jQuery 代码更少依赖于 HTML 结构

javascript - 调用窗口加载事件 - javascript

javascript - 在android中提取exif数据(phonegap)

javascript - 桌面 View 上的 SlikNav 多级菜单?