您的位置:首页 > Web前端 > JavaScript

动态修改js中文字的title

2017-08-10 18:28 435 查看

代码块

<input type="checkbox" style="margin-left:10px;" name="keysTest" value=1 id="keyOne" title=""> 按键1</input>

<input type="checkbox" style="margin-left:10px;" name="keysTest"  value=2 id="keyTwo"  title=""> 按键2</input>

<input type="checkbox" style="margin-left:10px;" name="keysTest"  value=3 id="keyThree" title=""> 按键3</input>

<input type="checkbox" style="margin-left:10px;"  name="keysTest" value=4 id="keyFour" title=""> 按键4</input>

<input type="checkbox" style="margin-left:10px;" name="keysTest"  value=5 id="keyFive" title=""> 按键5</input>

<input type="checkbox" style="margin-left:10px;"  name="keysTest" value=6 id="keySix" title=""> 按键6</input>

<input type="checkbox" style="margin-left:10px;"  name="keysTest" value=7 id="keySeven" title=""> 按键7</input>

<input type="checkbox" style="margin-left:10px;"  name="keysTest" value=8 id="keyEight" title=""> 按键8</input>

<input type="checkbox" style="margin-left:10px;"  name="keysTest" value=9 id="keyNine" title=""> 按键9</input>

<input type="checkbox" style="margin-left:10px;" name="keysTest"  value=0 id="keyZero" title=""> 按键0</input>


实现方式

//方式一
var list=document.getElementsByName("keysTest");
for(var index=0;index<keysList.length;index++){
var key=keysList[index];
list[index].title="第'+index+'个';
}
//方式二
var obj=document.getElementById("keyOne");
obj.title="显示第一个";
//方式三
var obj=document.getElementsById("keyOne");
obj.attr('title',"显示第一个");
//注:以上的单引号双引号没有严格意义的要求


希望对你有帮助
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  前端