DOM元素的innerText和 innerHTML的属性

最新推荐文章于 2024-07-23 09:00:00 发布

胖胖爱家

最新推荐文章于 2024-07-23 09:00:00 发布

阅读量3.6k

点赞数

分类专栏： js / jq / vue 文章标签： button xhtml input html 文档

本文链接：https://blog.csdn.net/yual365/article/details/6776609

版权

js / jq / vue 专栏收录该内容

85 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>演示文档</title>
<script type="text/javascript">
function createInput(){
  var divMain = document.getElementById("divMain");
  divMain.innerHTML = "<input type='button' value='提交'>";

}
</script>
</head>
<body>
<a href="" id="link1">我的<font color="red">佳</font>佳</a>
<input type="button" value="取得对象值" οnclick="alert(document.getElementById('link1').innerText);alert(document.getElementById('link1').innerHTML);" />
<input type="button" value="动态修改值Text" οnclick="document.getElementById('link1').innerText='佳佳'" />
<input type="button" value="动态修改值HTML" οnclick="document.getElementById('link1').innerHTML='<font color=green>佳佳</font>'" />