操作元素

操作元素是DOM的核心内容
1、操作元素修改内容:
innerText和innerHTML都可以进行对元素内容的修改,
元素.innerText = 修改的内容;

innerText与innerHTNL都可进行元素内容的删除,但是他们还存在许多的不同
相同点:
1、他们两种都可进行元素内容的删除
2、都可以保留元素内容
innerText:
1、不可以识别HTML标签,在输入与输出都不会识别,输入会把HTML标签当中字符串进行输出,输出不会识别,不会进行输出
2、输出时不保留空格和换行
innerHTMK:(使用比较多,记住其特性)
1、可以识别html,输出和输入都可以进行识别
2、输出时保留空格和换行。

2、操作常见元素属性:

图片的src,链接的href,title,alt等,都可以进行修改,书写格式:
元素名.属性名 = ’ 修改的内容 ‘;

3、操作表单元素:

如type,value等都可以进行修改
这是介绍了 表单名.onfocus = function() {} 和 表单名.onblur = function() {}
前者简单的说就是当光标出现时进行匿名函数里的操作
后者,与前者相反,当光标消失时进行匿名函数里的操作

4、操作元素样式属性:

有两种方法:
一、element.style.样式名(如:clolor):
这给适合修改少量的样式;
书写格式:
元素名.style.样式名 = ’ ‘; 修改内容写在引号内;
二、多的样式修改:
功能:可以改变元素的样式
书写格式:
获取后元素.className = ’ ‘,引号里可以再新定义一个类名进行新样式的书写,类名小写再引号里,如果还需要以前的样式,则还需要’ 旧样式 新样式 ‘。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值