获取标签Javascript中的文本值

时间:2016-04-26 16:10:21

标签: 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]

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

谢谢!

1 个答案:

答案 0 :(得分:1)

嗯,这很愚蠢,我想出来了,而不是做

evt.target.childNodes[1] ... 

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

evt.target.innerText

编辑:

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

谢谢@Ruslan Osmanov