HTML5修改属性
来源:互联网 发布:信用卡网络套现平台 编辑:程序博客网 时间:2024/05/29 11:05
最近在学习关于前端的知识,只能从头开始慢慢学习.留个记录
<scripttype="text/javascript">
vardatadata=document.getElementById(hell);
alert("原内容为:"+datadata.innerHTML);
datadata.innerHTML="zzzzzzz";
vardatadata=document.getElementById(hell);
alert("原内容为:"+datadata.innerHTML);
datadata.innerHTML="zzzzzzz";
</script>
innerHTML 属性用于获取或替换 HTML 元素的内容。
语法:
Object.innerHTML
注意:
1.Object是获取的元素对象,如通过document.getElementById("ID")获取的元素。
2.注意书写,innerHTML区分大小写。
<scripttype="text/javascript">
varmychar=document.getElementById(hell);
mychar.style.backgroundColor="red";
mychar.style.color="black";
mychar.style.fontSize="30px";
varmychar=document.getElementById(hell);
mychar.style.backgroundColor="red";
mychar.style.color="black";
mychar.style.fontSize="30px";
</script>
HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢?
语法:
Object.style.property=new style;
注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素。
基本属性表(property):
注意:该表只是一小部分CSS样式属性,其它样式也可以通过该方法设置和修改。
显示和隐藏(display属性)
<pid="zxc"class="one">icon</p>
<script type="text/javascript">
var mychar=document.getElementById("zxc");
document.write("p元素class值为:"+mychar.className+"\n");
mychar.className="two";
document.write("p元素class值为:"+mychar.className+"\n");
<script type="text/javascript">
var mychar=document.getElementById("zxc");
document.write("p元素class值为:"+mychar.className+"\n");
mychar.className="two";
document.write("p元素class值为:"+mychar.className+"\n");
</script>
className 属性设置或返回元素的class 属性。
语法:
object.className = classname
作用:
1.获取元素的class 属性
2. 为网页内的某个元素指定一个css样式来更改该元素的外观
0 0
- HTML5修改属性
- html5 属性
- HTML5里的input标签的required属性提示文字修改
- 修改属性
- HTML5中的通用属性
- HTML5新增dataset属性
- [HTML5]自定义数据属性
- HTML5 data- 属性
- HTML5 INPUT新增属性
- html5----综合属性图表
- HTML5 data- 属性
- HTML5 表单属性
- html5 viewport属性
- HTML5自定义data属性
- html5标签属性
- HTML5 的 PLACEHOLDER 属性
- html5新属性 placeholder
- html5 中的download属性
- Android编译过程详解(三)
- Linux快捷键
- [常见错误 及 解决方案系列]luaL_dofile 失败,返回 1,luaL_dofile错误 返回值 1 怎么解决(仅针对Cocos2d-x 3.5 以后版本暂不知)
- 密码、文件MD5加密,密码sha256、sha384、sha512Hex等加密
- openfire3.9.3导入eclipse
- HTML5修改属性
- APK ROM 签名原理
- 自然场景下图片中红色横幅文字的提取与矫正(OCR)
- 浅谈设计模式之一——简单工厂、工厂、抽象工厂
- 远程访问管理卡iDRAC 7
- OAuth2.0 的使用
- Http协议header详解
- wpf config配置文件的修改
- Android如何将各种资源定义在一维数组和二维数组中(以图片为例)