JavaScript 使用nodeValue获取和修改

示例

 1 <!DOCTYPE html>
 2 <html>
 3  <head>
 4      <title>nodeValue获取和修改</title>
 5      <meta charset="UTF-8">
 6      <meta name="viewport" content="width=device-width, initial-scale=1.0">   
 7  </head>
 8   <body>
 9     <ul id="ul">
10          <li id="ali">油条</li>
11          <li id="bli">包子</li>
12          <li id="cli">米饺</li>
13          <li id="dli">鱼粉</li>
14     </ul>
15      <!--按钮 onclick当点击按钮时,执行一段JavaScript代码-->
16     <button onclick="gaibianyangshi()">点击</button>
17     
18     <script>
19         function gaibianyangshi(){
20              //获取ID为dli元素
21             var a = document.getElementById('dli');
22             //获取刚获取的值 ---鱼粉
23              var value = a.firstChild.nodeValue;
24              
25              //alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框
26              alert("获取到的值是:"+value);
27              
28              //当你按下提示框中的"确定"时,鱼粉将修改成三鲜粉
29              a.firstChild.nodeValue="三鲜粉";
30          
31         }
32     </script>
33   </body>
34 </html>

知识点:(1)nodeValue获取和修改

              (2)alert()方法

 运行结果:

       

转载于:https://www.cnblogs.com/hzyhx/p/11177762.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值