<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
.demo{
color:#F00;
}
.demo2{
color:#0F0;
}
</style>
</head>
<body>
<p class="demo" id="dd">hao123.com</p>
<script>
var old=document.getElementById("dd"); /*获取ID，然后用ID.className="另外一个新类名" 来实现改变一个元素的类*/
old.className="demo2";
</script>
</body>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
.demo{
color:#F00;
}
.demo2{
color:#0F0;
}
</style>
</head>
<body>
<p class="demo" id="dd">hao123.com</p>
<script>
var old=document.getElementById("dd"); /*获取ID，然后用ID.className="另外一个新类名" 来实现改变一个元素的类*/
old.className="demo2";
</script>
</body>
</html>
============================================================================
<p class="demo" id="dd">hao123.com</p>
<p>how are you?</p>
<script>
var old=document.getElementsByTagName("p")[1];
alert(old.innerHTML);
</script>
getElementByTagName("")返回一个对象数组
另外如果代码检查确认没有问题，但是无法显示预定的结果，可以把代码复制到一个新的网页里面再做测试一下看看。。。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
