首页 > Web开发 > 详细

8 JS - dom操作

时间:2021-03-28 13:05:01      阅读:26      评论:0      收藏:0      [点我收藏+]

1 dom中查找html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>lizi</title>
<style>
.ptest
{
    font-size:40px;
} 
</style>
</head>
<body>
    
<p id="lizi"></p>
<p ></p>
<p class="ptest"></p>
    
姓:<input type="text" name="username">
名:<input type="text" name="username">


<script>
var element=document.getElementById("lizi");
element.innerHTML="<span style=‘color: red‘>this is lizi test</span>";
document.getElementsByName("username")[0].value = "li";
document.getElementsByTagName("p")[1].innerText = "this is second p";
document.getElementsByTagName("p")[1].style.color = "blue";
document.getElementsByClassName("ptest")[0].innerHTML="<span>this is p class test</span>";

</script>

</body>
</html>

 

8 JS - dom操作

原文:https://www.cnblogs.com/lizitestdev/p/14587904.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!