1.在html中用于获取id的,需要采用document.getElementById("Id名");
例如:<p id="pid">javascript</p>
<script type="text/javascript">
var mychar=document.getElementById("pid");
</script>
2.若要通过script改变html中的style样式时,即需要进行以下代码:
例如:<p id="con">I love javascript !</p>
<script type="text/javascript">
var mychar= document.getElementById("con");
mychar.style.color="red";
mychar.style.backgroundColor="#CCC";
mychar.style.width="300px";
</script>
3.显示和隐藏,即display属性:block和none;
例如:<script type="text/javascript">
function hidetext()
{
var mychar = document.getElementById("con");
document.getElementById("con").style.display="none";
}
function showtext()
{
var mychar = document.getElementById("con");
document.getElementById("con").style.display="block";
}
</script>
<body>
<h1>JavaScript</h1>
<p id="con">做为一个Web开发师来说,如果你想提供漂亮的网页、令用户满意的上网体验,JavaScript是必不可少的工具。</p>
<form>
<input type="button" onclick="hidetext()" value="隐藏内容" />
<input type="button" onclick="showtext()" value="显示内容" />
</form>
</body>
4.修改类名:如:添加样式
例如:<p id="p1" > JavaScript使网页显示动态效果并实现与用户交互功能。</p>
<input type="button" value="添加样式" onclick="add()"/>
<script type="text/javascript">
function add(){
var p1=document.getElementById("p1");
p1.className="one";
}
</script>