会python真的可以为所欲为0(回)
371天前
这里还有人吗1(回)
556天前这里还有人吗0(回)
556天前
每天面对着电脑屏幕，敲打键盘。我所面对的并不只是代码，而是一种生活方式。0(回)
781天前到处都是羊，不想上班0(回)
861天前
鸽子
0(回)
865天前1 通过ID获取元素 |
document.getElementById(“id”) |
2 innerHTML 属性 |
var mychar= document.getElementById("con"); //获取ID为con的元素 |
document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原标签内容 |
mychar.innerHTML="Hello World!"//修改标签的内容 |
document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容 |
3 改变 HTML 样式 |
Object.style.property=new style; |
注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。 |
基本属性表（property）:见下表 |
var mychar = document.getElementById("pcon"); |
mychar.style.color="red"; |
mychar.style.fontSize="20"; |
mychar.style.backgroundColor ="blue"; |
4、显示和隐藏（display属性） |
网页中经常会看到显示和隐藏的效果，可通过display属性来设置。 |
语法： |
Object.style.display = value |
注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。 |
value取值： |
none 此元素不会被显示（即隐藏） |
block 此元素将显示为块级元素（即显示） |
<script type="text/javascript"> |
function hidetext() |
{ |
var mychar = document.getElementById("con"); |
mychar.style.display="none"; |
} |
function showtext() |
{ |
var mychar = document.getElementById("con"); |
mychar.style.display="block"; |
} |
</script> |
5、控制类名（className 属性） |
className 属性设置或返回元素的class 属性。 |
语法： |
object.className = classname |
作用: |
1.获取元素的class 属性 |
2. 为网页内的某个元素指定一个css样式来更改该元素的外观 |
function add(){ |
var p1 = document.getElementById("p1"); |
p1.className="one"; |
} |
function modify(){ |
var p2 = document.getElementById("p2"); |
p2.className="two"; |
} |
一、定义"改变颜色"的函数 |
提示: |
obj.style.color |
obj.style.backgroundColor |
二、定义"改变宽高"的函数 |
提示: |
obj.style.width |
obj.style.height |
三、定义"隐藏内容"的函数 |
提示: |
obj.style.display="none"; |
四、定义"显示内容"的函数 |
提示: |
obj.style.display="block"; |
五、定义"取消设置"的函数 |
提示: |
使用confirm()确定框，来确认是否取消设置。 |
如是将以上所有的设置恢复原始值,否则不做操作。 |
六、当点击相应按钮，执行相应操作，为按钮添加相应事件 |
