动态修改元素内容 innerText、innerHTML、outerText、outerHTML

最新推荐文章于 2023-02-01 11:42:35 发布

中国风2012

最新推荐文章于 2023-02-01 11:42:35 发布

阅读量6.7k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/hanshileiai/article/details/9366913

版权

JavaScript 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>中国风</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<script language="JavaScript">
function IT(){
	f1.innerText="innerText";
}
function IH(){
	f1.innerHTML="<H1>innerHTML</H1>";
}
function OT(){
	f1.outerText="outerText";
}
function OH(){
	d1.outerHTML="<H2>outerHTML</H2>";
}
</script>

<body>
<div id="d1"><font id="f1" size="5" color="blue"></font></div>
<input type="button" value="innerText" οnclick="IT()">
<input type="button" value="innerHTML" οnclick="IH()">
<input type="button" value="outerText" οnclick="OT()">
<input type="button" value="outerHTML" οnclick="OH()">
</body>
</html>

优惠劵

中国风2012

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
动态修改元素内容 innerText、innerHTML、outerText、outerHTML

中国风function IT(){ f1.innerText="innerText";}function IH(){ f1.innerHTML="innerHTML";}function OT(){ f1.outerText="outerText";}function OH(){ d1.outerHTML="outerHTML";}
复制链接

扫一扫