js元素设置
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="box"><span>hello world!!!</span></div>
<button id="btn">点击按钮</button>
<script type="text/javascript">
//需求: 获取到id为box的div里面的内容
//1 需要找到div 2.找到被点击的按钮 3.点击事件和btn要绑定
var oBox = document.getElementById("box")
var oBtn = document.getElementById("btn")
//对象 .onclick = 事件处理函数
oBtn.onclick = function (){
//弹出这哥box里面的内容
// oBox.innerHTML = "<span style="color:red">hello world!!!</span>
oBox.innerHTML = '<span style="color:red">我喜欢你你呀</span> '
// oBox.innerHTML = "我喜欢你"
// oBox.innerText = "<span style="color:red">亲够除开<span/>"
// alert(oBox.innerHTML)
}
//要产生交互 1.找到对象 2 要知道发生了什么事情 3 如何应对
</script>
</body>
</html>