jquery中的innerhtml的使用方法

畅享美好

已于 2022-08-08 00:00:10 修改

阅读量2k

点赞数 2

分类专栏：编程语言文章标签： jQuery innerHTML DOM操作 JavaScript 前端开发

于 2022-08-07 23:59:32 首次发布

本文链接：https://blog.csdn.net/weixin_54957314/article/details/126219623

版权

编程语言专栏收录该内容

9 篇文章

订阅专栏

该博客介绍了在jQuery中如何操作元素的innerHTML属性。通过示例代码展示了正确设置div元素内容的方法：`$('#di')[0].innerHTML='helloworld';`，强调了不能直接使用`$('#di').innerHTML`或`$('#di').html()`。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jquery中的innerhtml的使用方法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>jquery中的innerhtml的使用方法</title>
		<script src="../../../jquery/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
	
	<script type="text/javascript">
		window.onload=function(){
//			注意不是：$('#di').innerHTML='hello world';
//			注意也不是：$('#di').html()='hello world';
			$('#di')[0].innerHTML='hello world';
			alert('ok');
		}
		
	</script>
	
	</head>
	<body>
		<div id='di'></div>
	</body>
</html>