博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS 一个修改ul的小示例
阅读量:6149 次
发布时间:2019-06-21

本文共 381 字,大约阅读时间需要 1 分钟。

javascript提供了innerHTML属性可以获取和设置对象的文本内容。

下面实例演示——单击<ul>下的<li>标签后,改变其显示值:

1、HTML结构

  • Glen
  • Tane
  • John
  • Ralph
  • 2、javascript代码

    window.onload = function(){
    obj = document.getElementById("test").getElementsByTagName("li"); for(i in obj){
    obj[i].onclick = function(){
    str = this.innerHTML; this.innerHTML = "被点击后的" + str; } } }

    3、效果演示

    转载地址:http://gumya.baihongyu.com/

    你可能感兴趣的文章
    除以2
    查看>>
    高可用集群原理解析
    查看>>
    Nginx配置URL转向tomcat
    查看>>
    极客Web前端开发资源大荟萃#001
    查看>>
    让div固定在某个位置
    查看>>
    Java开发环境Docker镜像
    查看>>
    从无到有,WebService Apache Axis2初步实践
    查看>>
    任务调度(一)——jdk自带的Timer
    查看>>
    UIKit框架(15)PCH头文件
    查看>>
    整理看到的好的文档
    查看>>
    Linux磁盘管理和文件系统管理
    查看>>
    linux运维人员的成功面试总结案例分享
    查看>>
    Windows DHCP Server基于MAC地址过滤客户端请求实现IP地址的分配
    查看>>
    命令查询每个文件文件数
    查看>>
    《跟阿铭学Linux》第8章 文档的压缩与打包:课后习题与答案
    查看>>
    RAC表决磁盘管理和维护
    查看>>
    Apache通过mod_php5支持PHP
    查看>>
    发布一个TCP 吞吐性能测试小工具
    查看>>
    java学习:jdbc连接示例
    查看>>
    PHP执行批量mysql语句
    查看>>