操作元素相关_15. 单选题关于操作元素的属性,错误的是( )aelement.id = 'box01'belem-CSDN博客

本文链接：https://blog.csdn.net/shiliye_csdn/article/details/117362086

■ 操作元素

JS的DOM操作可以改变网页内容，结构和样式
可以利用DOM操作元素来改变元素里的内容，属性等

■ 改变元素内容

通过以下两个属性，改变元素的内容

element.innerText
从起始位置到终止位置的内容，但去除html标签，同时空格和换行也会去掉
不识别html标签，非标准

<body>
	<div>点击按钮，显示当前年份</div>
	<p>打开页面，显示当前年份</p>
	<button>按钮</button>
	<script>
		function getYear(){
     
			var date = new Date();
			var year = date.getFullYear();
			return year;
		}
		
		var div = document.querySelector('div');
		var btn = document.querySelector('button');
		
		//添加事件
		btn.onclick = function(){
      
			div.innerText = getYear();
		}
		//不添加事件
		var p = document.querySelector('p');
		p.innerText = getYear();
	</script>
</body>

element.innerHTML
从起始位置到终止位置的全部内容，包括html标签，同时保留空格和换行
识别html标签，W3C标准，推荐使用

<body>
	<div></div>
	<p>
		我是文字
		<span>123</span>
	</p>

	<script>
		var div = document.querySelector('div');
		//div.innerText = '<strong>今年是：</strong> 2019'；  //直接显示 <strong>今年是：</strong> 2019，标签不识别
		div.innerHTML = '<strong>今年是：</strong> 2019'；  //"今年是"字体加粗
		
		var p = document.querySelector