怎么用JS把LI元素里的title内容注定给其他的li元素呢。

kskkdjj 2011-04-15 02:24:25
我不想直接写重复的title="这是一个名字"怎么用javascript写一句让bbj或bbk其他li元素的title内容都等于第一个呢？
还有能不能让第一个title内容指定等于第5第7第8个呢？
还是有代码可以改变title内容的样式和显示速度吗？
<ul id="bbj">
<li id="a1" title="这是一个名字">1</li>
<li id="a2">2</li>
<li id="a3">3</li>
<li id="a4">4</li>
<li id="a5">5</li>
<li id="a6">6</li>
<li id="a7">7</li>
<li id="a8">8</li>
</ul>
<ul id="bbk">
<li id="b1" title="这是另一个名字">A</li>
<li id="b2">B</li>
<li id="b3">C</li>
<li id="b4">D</li>
<li id="b5">E</li>
<li id="b6">F</li>
<li id="b7">G</li>
<li id="b8">H</li>
</ul>
...全文
301 11 打赏 收藏 转发到动态 举报
写回复
用AI写文章
11 条回复
切换为时间正序
请发表友善的回复…
发表回复
kskkdjj 2011-04-15
  • 打赏
  • 举报
 回复
[Quote=引用 10 楼 t5500 的回复:]
HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-eq……
[/Quote]
Very good.
乌镇程序员 2011-04-15
  • 打赏
  • 举报
 回复 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>



<body>

<ul id="bb1">

<li id="a1">1</li>

<li id="a2">2</li>

<li id="a3">3</li>

<li id="a4">4</li>

<li id="a5">5</li>

<li id="a6">6</li>

<li id="a7">7</li>

<li id="a8">8</li>

</ul>

<ul id="bb2">

<li id="b1">A</li>

<li id="b2">B</li>

<li id="b3">C</li>

<li id="b4">D</li>

<li id="b5">E</li>

<li id="b6">F</li>

<li id="b7">G</li>

<li id="b8">H</li>

</ul>

<ul id="bb3">

<li id="b1">A</li>

<li id="b2">B</li>

<li id="b3">C</li>

<li id="b4">D</li>

<li id="b5">E</li>

<li id="b6">F</li>

<li id="b7">G</li>

<li id="b8">H</li>

</ul>

<script type="text/javascript">

function copyTitle(u, tt, arr) {

	var lis = document.getElementById(u).getElementsByTagName('li');

	for (var i = 0; i < arr.length; i ++) lis[arr[i]].title = tt;

}

copyTitle('bb1','这是一个标题',Array(4,6,7)); //给第5、7、8个列表项设置标题

copyTitle('bb3','这是另一个标题',Array(2,3));

</script>

</body>

</html>
kskkdjj 2011-04-15
  • 打赏
  • 举报
 回复
<ul id="bb1">
<li id="a1">1</li>
<li id="a2">2</li>
<li id="a3">3</li>
<li id="a4">4</li>
<li id="a5">5</li>
<li id="a6">6</li>
<li id="a7">7</li>
<li id="a8">8</li>
</ul>
<ul id="bb2">
<li id="b1">A</li>
<li id="b2">B</li>
<li id="b3">C</li>
<li id="b4">D</li>
<li id="b5">E</li>
<li id="b6">F</li>
<li id="b7">G</li>
<li id="b8">H</li>
</ul>
<ul id="bb3">
<li id="b1">A</li>
<li id="b2">B</li>
<li id="b3">C</li>
<li id="b4">D</li>
<li id="b5">E</li>
<li id="b6">F</li>
<li id="b7">G</li>
<li id="b8">H</li>
</ul>
<script type="text/javascript">
var UL1 = document.getElementById('bb1');
var UL2 = document.getElementById('bb2');
var UL3 = document.getElementById('bb3');function copyTitle(objUL, tt, arr) {
var lis = objUL.getElementsByTagName('li');
for (var i = 0; i < arr.length; i ++) lis[arr[i]].title = tt;
}
copyTitle(UL1,'这是一个标题',Array(4,6,7));
copyTitle(UL2,'这是一个标题',Array(1,6,7));
copyTitle(UL3,'这是一个标题',Array(4,5,7));
kskkdjj 2011-04-15
  • 打赏
  • 举报
 回复
[Quote=引用 7 楼 t5500 的回复:]
引用 5 楼 kskkdjj 的回复:

引用 1 楼 t5500 的回复:
HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.……
[/Quote]
红色部分可以用变量缩成一句吗？
<ul id="bb1">
<li id="a1">1</li>
<li id="a2">2</li>
<li id="a3">3</li>
<li id="a4">4</li>
<li id="a5">5</li>
<li id="a6">6</li>
<li id="a7">7</li>
<li id="a8">8</li>
</ul>
<ul id="bb2">
<li id="b1">A</li>
<li id="b2">B</li>
<li id="b3">C</li>
<li id="b4">D</li>
<li id="b5">E</li>
<li id="b6">F</li>
<li id="b7">G</li>
<li id="b8">H</li>
</ul>
<ul id="bb3">
<li id="b1">A</li>
<li id="b2">B</li>
<li id="b3">C</li>
<li id="b4">D</li>
<li id="b5">E</li>
<li id="b6">F</li>
<li id="b7">G</li>
<li id="b8">H</li>
</ul>
<script type="text/javascript">
var UL1 = document.getElementById('bb1');
var UL2 = document.getElementById('bb2');
var UL3 = document.getElementById('bb3');function copyTitle(objUL, tt, arr) {
var lis = objUL.getElementsByTagName('li');
for (var i = 0; i < arr.length; i ++) lis[arr[i]].title = tt;
}
copyTitle(UL1,'这是一个标题',Array(4,6,7));
copyTitle(UL1,'这是一个标题',Array(4,6,7));
copyTitle(UL1,'这是一个标题',Array(4,6,7));
乌镇程序员 2011-04-15
  • 打赏
  • 举报
 回复
[Quote=引用 5 楼 kskkdjj 的回复:]

引用 1 楼 t5500 的回复:
HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<……
[/Quote]
这个容易，稍微修改一下就行了：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>



<body>

<ul id="bbj">

<li id="a1">1</li>

<li id="a2">2</li>

<li id="a3">3</li>

<li id="a4">4</li>

<li id="a5">5</li>

<li id="a6">6</li>

<li id="a7">7</li>

<li id="a8">8</li>

</ul>

<ul id="bbk">

<li id="b1">A</li>

<li id="b2">B</li>

<li id="b3">C</li>

<li id="b4">D</li>

<li id="b5">E</li>

<li id="b6">F</li>

<li id="b7">G</li>

<li id="b8">H</li>

</ul>

<script type="text/javascript">

var UL1 = document.getElementById('bbj');

var UL2 = document.getElementById('bbk');

function copyTitle(objUL, tt, arr) {

	var lis = objUL.getElementsByTagName('li');

	for (var i = 0; i < arr.length; i ++) lis[arr[i]].title = tt;

}

copyTitle(UL1,'这是一个标题',Array(4,6,7)); //给第5、7、8个列表项设置标题

</script>

</body>

</html>
kskkdjj 2011-04-15
  • 打赏
  • 举报
 回复
[Quote=引用 2 楼 t5500 的回复:]
修改title样式、显示速度之类的只能通过层来模拟实现，比如基于jQuery的Tooltip插件：
http://jquery.bassistance.de/tooltip/demo/
[/Quote]
这个代码量太庞大了，有点得不偿失了,还没onMouseOver来的实际。
kskkdjj 2011-04-15
  • 打赏
  • 举报
 回复
[Quote=引用 1 楼 t5500 的回复:]
HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-eq……
[/Quote]
这个能不能指定li[0]的title=""内容指定等于li[4]li[5]li[7]li[9]，
能用数组指定他等于哪些吗？
kskkdjj 2011-04-15
  • 打赏
  • 举报
 回复
[Quote=引用 3 楼 zell419 的回复:]
HTML code

document.getElementById("bbj").getElementsByTagName("li")[0].title="这是一个名字"

document.getElementById("bbj").getElementsByTagName("li")[0].title=document.getElementById("bbj").getElement……
[/Quote]
代码量是很少，只是不能用了。
zell419 2011-04-15
  • 打赏
  • 举报
 回复 


document.getElementById("bbj").getElementsByTagName("li")[0].title="这是一个名字"



document.getElementById("bbj").getElementsByTagName("li")[0].title=document.getElementById("bbj").getElementsByTagName("li")[4].title


显示速度是什么 ？
乌镇程序员 2011-04-15
  • 打赏
  • 举报
 回复
修改title样式、显示速度之类的只能通过层来模拟实现，比如基于jQuery的Tooltip插件：
http://jquery.bassistance.de/tooltip/demo/
乌镇程序员 2011-04-15
  • 打赏
  • 举报
 回复 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>



<body>

<ul id="bbj">

<li id="a1" title="这是一个名字">1</li>

<li id="a2">2</li>

<li id="a3">3</li>

<li id="a4">4</li>

<li id="a5">5</li>

<li id="a6">6</li>

<li id="a7">7</li>

<li id="a8">8</li>

</ul>

<ul id="bbk">

<li id="b1" title="这是另一个名字">A</li>

<li id="b2">B</li>

<li id="b3">C</li>

<li id="b4">D</li>

<li id="b5">E</li>

<li id="b6">F</li>

<li id="b7">G</li>

<li id="b8">H</li>

</ul>

<script type="text/javascript">

var UL1 = document.getElementById('bbj');

var UL2 = document.getElementById('bbk');

function copyTitle(objUL) {

	var lis = objUL.getElementsByTagName('li');

	var t = lis[0].title;

	for (var i = 1; i < lis.length; i ++) lis[i].title = t;

}

copyTitle(UL1);

copyTitle(UL2);

</script>

</body>

</html>
python xpath定位打印元素_Python+selenium web自动化
Python+Selenium自动化 以下内容都是是我的学习笔记，为方便自己查询就整理出来了，内容会精简很多，比如配置和安装插件，请自行查询操作。默认大家是有一定基础。注：Python3版本请自行查询配置方法，以下都是在Python2版本上操作的。好好学习，天天向上老猪Python版本：2.7.12selenium版本:2.53.6Firefox版本：45IDE：Pycharm一、浏览器基本操...
DOM
文章目录Document Object ModelDOM树查找元素元素树按HTML特征查找:按HTML特征查找 & 按选择器查找 查找时的优化总结：查找元素 Document Object Model 什么是: 专门操作网页内容的一套对象和函数的标准 为什么: ES标准仅仅定义了js语言的语法规则(怎么写对怎么写错！)，但是没有提供操作网页内容的任何函数和对象 何时: 只要操作网页内容...
前端开发：JavaScript
JavaScript 因为互联网而生，紧随着浏览器的出现而问世。回顾它的历史，就要从浏览器的历史讲起。1990年底，欧洲核能研究组织（CERN）科学家Tim Berners-Lee，在全世界最大的电脑网络——互联网的基础上，发明了万维网（World Wide Web），从此可以在网上浏览网页文件。最早的网页只能在操作系统的终端里浏览，也就是说只能使用命令行操作，网页都是在字符窗口中显示，这当然非常不方便。1992年底，美国国家超级电脑应用中心（NCSA）开始开发一个独立的浏览器，叫做Mosaic。这是人类历
微信JS-SDK及其各类API调用分享、隐藏...、图片、地图、录音、支付、卡券等
微信官方文档：https://qydev.weixin.qq.com/wiki/index.php?title=%E5%BE%AE%E4%BF%A1JS-SDK%E6%8E%A5%E5%8F%A3 复制微信打开看效果：https://www.weixinsxy.com/jssdk/ html: <html><head> <meta charset="utf-8"> <title>微信JS-SDK Demo</title> <met
微信开发-js接口的使用无法使用分享功能的一些说明
微信里面的一些js接口会跟想要的有所出入，比如分享接口的调用，不能用onclick绑定自定义按钮调用，只能使用微信页面自带菜单里的分享功能进行分享，可以改变的是自定义分享内容，我测试的是分享到微信好友，朋友圈不能自定义内容，分享到QQ可以。 源码呈上： html部分代码如下： <!DOCTYPE html> <html lang="zh-cmn-Hans"> ...
JavaScript

87,993

社区成员

224,694

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章