文档章节

获取li标签文本内容

一点也不月半君
 一点也不月半君
发布于 2017/08/26 09:56
字数 90
阅读 168
收藏 2

#程序员薪资揭榜#你做程序员几年了?月薪多少?发量还在么?>>>

思路:为li对象添加单击事件→事件触发后利用innerHTML获取li的文本。实例演示如下:

1、HTML结构

<ul id="test">

    <li>Glen</li>

    <li>Tane</li>

    <li>John</li>

    <li>Ralph</li>

</ul>

2、javascript代码

window.onload = function(){

    var obj_lis = document.getElementById("test").getElementsByTagName("li");

    for(i=0;i<obj_lis.length;i++){

        obj_lis[i].onclick = function(){

            alert(this.innerHTML);

        }

    }

}

3、效果演示

© 著作权归作者所有

一点也不月半君
粉丝 146
博文 24
码字总数 3108
作品 0
郑州
程序员
私信 提问
加载中

评论(0)

day_4(element对象、node的属性、操作dom树)

1、案例一:在末尾添加节点 第一步:获取到ul标签 第二步:创建li标签 var li1 = document.createElement("标签名称"); 第三步:创建文本 document.createTextNode("文本内容"); 第四步:把文...

osc_v9knegpw
2019/04/04
2
0
xPath,beautifulsoup和pyquery

一、XPath from lxml import etree html = etree.parse('html源代码',etree.HTMLPaser()) 1.节点的获取   a.html.xpath('//*') #匹配HTML中的所有节点   b.html.xapth('//li') #匹配所有......

osc_6x8y8c2x
2018/07/28
2
0
innerHTML、outerHTML、innerText、outerText的区别

1、功能讲解: innerHTML 设置或获取位于对象起始和结束标签内的 HTML outerHTML 设置或获取对象及其内容的 HTML 形式 innerText 设置或获取位于对象起始和结束标签内的文本 outerText 设置(...

Junn
2013/01/11
277
0
节点查找以及节点遍历:两种方式

遍历节点的方式叫做:API 这里有两个套API 即:HTML元素。 //===========================以下是第一种操作DOM的API,会把空文本节点计算在内。相比下面的第二套API兼容性会好点===========...

osc_two9vbkq
2019/05/05
2
0
爬虫之数据解析,网页源码数据分析

数据解析,就是对网页源码数据的解析和清洗,获取自己想要的数据信息。 常用的数据解析有下面四种:   1.正则   2.bs4   3.xpath   4.pyquery 一:   正则:熟练使用正则表达式,对...

osc_tfyi1pmt
2019/06/30
0
0

没有更多内容

加载失败,请刷新页面

加载更多

1M带宽服务器并发数可支撑多少人同时在线?

服务器1M公网带宽能同时承受多少人同时在线?很多云厂商如阿里云、腾讯云推出的很多服务器活动默认配置1M带宽,很多站长认为服务器1M带宽小水管,事实上服务器1M带宽支撑日均2000IP的网站是够...

码笔记
昨天
18
0
C#简单入门——适合初学入门

一、第一个C#程序 using System;namespace HelloWorldApplication // 命名空间声明{ /* 类名为 HelloWorld */ class HelloWorld // 一个 class { /* main函数 ...

ittzg
昨天
9
0
DDD之2领域概念

图中是暗黑领域,非常牛逼的技能。 背景 DDD中出现的名词: 领域,子领域,核心域,通用域,支撑域,限界上下文,聚合,聚合根,实体,值对象 都是关键概念,但是又比较晦涩,在开始DDD之前,...

李福春carter
昨天
12
0
Vue基础学习备忘

内置指令 v-bind v-model v-if/v-else/v-show v-for v-on v-text v-html v-el v-ref v-pre v-cloak v-once 过滤器 作用是对数据再次加工,例如:后台返回时间戳,vue通过过滤器进行数据格式化...

Apache软件基金会主席
昨天
26
0
使用Git版本控制查看文件的更改历史记录 - View the change history of a file using Git versioning

问题: How can I view the change history of an individual file in Git, complete details with what has changed? 如何在Git中查看单个文件的更改历史记录,完整的详细信息? I have got......

技术盛宴
昨天
13
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部