javascript

Posted 2020-06-08

1、改变html输出流

　　document.write(Date());

2、改变HTML内容

　　document.getElementById("p1").innerHTML="New text!";

3、改变HTML属性

　　document.getElementById("image").src="/E:/技术学习/前端/i/shanghai_lupu_bridge.jpg";

4、改变HTML样式

　　document.getElementById("p2").style.color="blue";

5、HTML事件属性

<button onclick="displayDate()">点击这里</button>
<script>
	function displayDate()
	{
		document.getElementById("de").innerHTML=Date();
	}
</script>
<p id="de"></p>

 6、鼠标事件

<div onmousedown="mDown(this)" onmouseup="mUp(this)" style="background-color:green; width:120px;height:20px; padding:40px; color:#ffffff;">把鼠标移到上面</div>
<script>
	function mDown(obj)
	{
		obj.innerHTML="谢谢";
		obj.style.backgroundColor="#1ec5e5";
	}
	function mUp(obj)
	{
		obj.innerHTML="把鼠标移到上面";
		obj.style.backgroundColor="green";
	}
</script>

 7、创建新节点

var para=document.createElement("p");
var node=document.createTextNode("这是新段落");
para.appendChild(node);
var element=document.getElementById("div1");
element.appendChild(para);

 8、删除新节点

var child=document.getElementById("p1");
child.parentNode.removeChild(child);