JavaScript学习系列2 DOM(2)
来源：未知 责任编辑：责任编辑 发表时间:2014-02-02 17:49 点击:次
}
#purchases li {
font-weight:bold;
}
</style>
</head>
<body>
<h1>what to buy</h1>
<h2 class="special">This is uppercase</h2>
<p title="a gentle reminder">Don't forget to buy this stuff.</p>
<ul id="purchases">
<li>A tin of beans</li>
<li class="special">Cheese</li>
<li >Milk</li>
</ul>
<!-- Mark-up goes here -->
<script src="file.js"></script>
</body>
</html>
JavaScript
<!-- alert(typeof document.getElementById("purchases"));
<!-- alert(document.getElementsByTagName("*").length);
alert(document.getElementsByClassName("special").length);
var shopping = document.getElementById("purchases");
alert(shopping.getElementsByTagName("*").length);
function add(num1,num2) {
var total = num1*num2;
alert(3 == "3");
}
HTML 5 DOM中新增了一个令人期待已久的方法：getElementsByClassName。这方法让我们能够Class属性中的类名来访问元素。但是这个方法比较新，只有较新的浏览器才支持他。
因此我们可以 写一个方法来实现这个功能。
function getElementByClassName(node, classname) {
if(node.getElementsByClassName) {
return node.getElementsByClassName(classname);
} else {
var results = new Array();
var elems = node.getElementsByTagName("*");
for(var i=0; i<elems.length; i++) {
相关新闻>>
- Javascript 兼容 IE6、IE7、FF 的“加入收藏”“设为首页”
- 好好学一遍JavaScript 笔记(一)——基础中的基础
- 好好学一遍JavaScript 笔记(二)——encode、数组、对象创建
- 好好学一遍JavaScript 笔记(三)——StringBuffer、prototype
- 好好学一遍javaScript 笔记(四)——Attribute、HTML元素、文档碎
- 好好学一遍JavaScript 笔记(五)——正则表达式基础
- 好好学一遍JavaScript 笔记(六)——正则表达式基础二
- 好好学一遍JavaScript 笔记(七)——RegExp对象与常用正则
- 好好学一遍JavaScript 笔记(八)——冒泡型事件、捕获型事件
- JavaScript详解
最新推荐更多>>>
- 发表评论
-
- 最新评论 更多>>
