| //window.onload = modTwo; |
| |
/* |
| |
1、点击单元格内容 弹窗promrt接收值 将接受的值提换单元格内容 |
| |
2、点击单元格 出现2个按钮 加粗 字体颜色标红 |
| |
1、给点击的元素加属性 为了区分加粗的对象 |
| |
2、给按钮加点击事件 |
| |
3、找到元素，修改样式 |
| |
3、创建一行 |
| |
*/ |
| |
|
| |
/* |
| |
1、获取所有的td标签 |
| |
2、循环td 给每一个替代加上onclick属性 |
| |
*/ |
| |
//给所有元素加onclick事件 |
| |
function modTwo(){ |
| |
|
| |
var tdArr = document.getElementsByTagName("td"); |
| |
|
| |
for(var i = 0; i<tdArr.length;i++){ |
| |
tdArr[i].setAttribute("onclick","modone(this)"); |
| |
tdArr[i].style.cursor = "pointer"; |
| |
} |
| |
} |
| |
|
| |
|
| |
|
| |
/* |
| |
1、给单元格添加点击事件 |
| |
2、方法内逻辑，弹窗接收用户的输入。=>保存在一个变量里面 |
| |
3、找到要修改内容的单元格，通过操作内容把用户输入的值提换进去 |
| |
*/ |
| |
var td_obj; |
| |
//td的点击事件 |
| |
function modone(obj){ |
| |
td_obj = obj; |
| |
//修改值 |
| |
obj.innerHTML = prompt("输入要修改的值"); |
| |
//按钮显示 |
| |
var div = document.getElementById("dd"); |
| |
div.style.display = "block"; |
| |
|
| |
//给本标签添加自定义属性 |
| |
obj.setAttribute("abc","abc"); |
| |
} |
| |
|
| |
|
| |
//加粗按钮 |
| |
function jc(){ |
| |
//找到所有td |
| |
var tdArr = document.getElementsByTagName("td"); |
| |
|
| |
for(var i = 0; i<tdArr.length;i++){ |
| |
//找元素 |
| |
var a = tdArr[i].getAttribute("abc"); |
| |
if(a == "abc"){ |
| |
tdArr[i].style.fontWeight = "bold"; |
| |
tdArr[i].removeAttribute("abc"); |
| |
} |
| |
} |
| |
} |
| |
//字体变红按钮 |
| |
function bh(){ |
| |
//td_obj是全局变量 |
| |
td_obj.style.color = "red"; |
| |
//按钮显示 |
| |
var div = document.getElementById("dd"); |
| |
div.style.display = "none"; |
| |
} |