dom修改综合实例

最新推荐文章于 2019-04-10 16:56:44 发布

yangxiaojun9238

最新推荐文章于 2019-04-10 16:56:44 发布

阅读量392

点赞数

分类专栏： JAVASCRIPT学习笔记文章标签： button input insert delete action html

本文链接：https://blog.csdn.net/yangxiaojun9238/article/details/7319607

版权

JAVASCRIPT学习笔记专栏收录该内容

21 篇文章 0 订阅

订阅专栏

<html>
 
<head>
 
<title>Text Node Modifications</title>
 
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
 
</head>
 
<body>
 
<p id="p1">This is a test</p>
 
 
 
<script type="text/javascript"> 
 
<!--
 
  var textNode = document.getElementById('p1').firstChild;
 
//-->
 
</script>
 
 
 
<form action="#" method="get">
 
  <input type="button" value="show"  οnclick="alert(textNode.data);" />
 
  <input type="button" value="length" οnclick="alert(textNode.length);" />
 
  <input type="button" value="change" οnclick="textNode.data = 'Now a new value!'" />
 
  <input type="button" value="append" οnclick="textNode.appendData(' added to the end');" />
 
  <input type="button" value="insert" οnclick="textNode.insertData(0,'added to the front');" />
 
  <input type="button" value="delete" οnclick="textNode.deleteData(0, 2);" />
 
  <input type="button" value="replace" οnclick="textNode.replaceData(0,4,'Zap!');"/>
 
  <input type="button" value="substring" οnclick="alert(textNode.substringData(2,2));" />
 
  <input type="button" value="split" οnclick="temp = textNode.splitText(5); alert('Text node ='+textNode.data+'\nSplit Value = '+temp.data);" />
 
</form>
 
</body>
 
</html>

yangxiaojun9238

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
dom修改综合实例

Text Node Modifications This is a test 
复制链接

扫一扫