js 操作文档

-------在项目的过程中,需要显示的东西跟选择游戏挂钩。也就是选择了哪款游戏,就会显示相应的信息。这里面就要在脚本里面进行操作。把几个脚本控制html的函数写出来

通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。

当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model),HTML DOM 模型被构造为对象的树。

通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML

1:JavaScript 能够改变页面中的所有 HTML 元素

2:JavaScript 能够改变页面中的所有 HTML 属性

3:JavaScript 能够改变页面中的所有 CSS 样式

4:JavaScript 能够对页面中的所有事件做出反应


通过js,就能操作html元素,那第一步肯定是要找到html元素嘛,有3种方法:

1:通过id名 (document.getElementById())

2:通过标签名()

3:通过类名(在很多版本都失效,- -别用了)


DOM HTML:

  改变html内容,用document.getElementById(‘id’).innerHTML='你的内容';

改变属性,用document.getElementById(‘id’)."属性"='改变的值'; 例如:document.getElementById(‘id’).value='aa';(改变属性还有一个方法,正好用过,是jquery的内容,一会再写)

改变输出流,document.write()(能够创建动态的 HTML 内容,所以,如果在文档加载后使用,就全部覆盖掉了)

DOM CSS:

改变html样式:例如:document.getElementById(id).style.color="blue";

DOM 事件:

   onclick,onchange,onload等等 

还可以添加或删除元素,在自己去参考吧。





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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值