javascript – getElementsByClassName>获取孩子
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – getElementsByClassName>获取孩子,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1514字,纯文字阅读大概需要3分钟。
内容图文
![javascript – getElementsByClassName>获取孩子](/upload/InfoBanner/zyjiaocheng/752/f20d4e2d36644ff8aa2c829589006c4c.jpg)
我有这个HTML代码:
<div id="channels_0">
<div id="channels">
<h4 class="date"><span id="date">Sat 22nd Sep</span> @
<span id="time">12:45</span></h4>
<h3 class="teems"><span id="date">Swansea City v Everton </span></h3>
<h4 class="tv"><span id="mychannels"></span>Sky Sports 2/Sky Sports 2 HD</h4>
</div>
</div>
我有这个JS:
document.getElementById('channels').innerText)
哪个输出:
Sat 22nd Sep @ 12:45
Swansea City v Everton
Sky Sports 2/Sky Sports 2 HD
我如何获得句柄并输出单个项目,如:mychannels,teems或时间或日期
即我需要让孩子们,这是怎么做到的?
我试过了:
document.getElementById('channels').getElementsByTagName('date').value;
和
document.getElementsByClassName('date').value;
和其他人一样,但似乎无法掌握它.
解决方法:
使用以jQuery为中心的以DOM为中心的Javascript库,这些任务变得更加容易,其代码如下:
$('#channels .date').text();
使用本机方法实现的一个重要事情是,getElementById将始终返回单个元素,getElementsByClass等方法返回元素集合,这是代码无法工作的原因之一(另一个原因是该值不是标准DOM元素属性:它用于检索表单元素的当前值).
以下文档方法,querySelectorAll适用于所有现代浏览器和IE版本8以上(getElementsByClassName在IE版本中不起作用,直到版本9):
document.querySelectorAll('#channels .date');
为了得到任何元素的组合innerHTML(在你的代码中它只是一个,但它可能更多),你需要将这些元素集合存储在一个变量中然后循环它们以逐个提取它们的innerHTML :
var dates = document.querySelectorAll('#channels .date');
var datesText = (function(){
var string = '';
for(var i = 0; i < dates.length; i++){
string += dates[i].innerText;
}
return string;
}());
内容总结
以上是互联网集市为您收集整理的javascript – getElementsByClassName>获取孩子全部内容,希望文章能够帮你解决javascript – getElementsByClassName>获取孩子所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。