0905JavaScript、CSS的联动

JavaScript、CSS的联动

<input type="button" value="点我试试" onclick="tt()"/>

<script type="text/javascript">
	function tt(){
		alert("HelloWorld");
		//1.要找到对应的div
		ele = document.getElementById("hello");
		//2.向div中写入字符串：你好HTML
		ele.innerText = "你好<span style='color:red;font-size:40px;'>HTML</span>";
		ele.innerHTML = "你好<span style='color:red;font-size:40px;'>HTML</span>";
		
	}
</script>

通过onclick 引入JavaScript中的tt()函数。
对需要用到的div、span、input等等，给个id，在Script里的function函数中进行调用。

1、document的getElementByID();方法中进行获取：

.getElementById();

2、进行页面书写：

.innerText = "";

3、对网页无法编译的语句进行编译：

.innerHTML

4、获取文本框的值：.value

document.getElementById("pwd").value;

5、对内容进行修改：

document.getElementById(' ').innerHTML="<span style='color:  ; font-size: px'>  </span>";