发表于《基础web开发教程》
novakon作者
10年9个月前IP:广东
812816
5楼
至此为止,您已经学会了Web开发三大法宝:HTML,CSS和JS,可以开始创建您的第一个Web应用程序了。但其实还差最重要的一项技能:

第四课:遇到问题怎么办

第一招:上 XXXXXXXXXXXXXXXXXXXXXXXXXXX 看看。

如果上面的内容提供不了帮助(比如找了半天没找到需要的内容),就用第二招:

例如,我需要利用JS,实现在点击

元素的时候,让

元素变为蓝色。
但这无法通过修改

元素的内部HTML实现。我们只能修改

元素的属性,加入style='color:blue;'。可是,在JS里面要怎么写才能修改一个元素的某个属性呢?
首先,我们把我们的问题转化为英语:How can I change the attributes of an element using JavaScript?
然后提取其中的重点关键词:change attributes element JS
然后把重点关键词输入到google里面去。

QQ截图20160318005738.jpg

从搜索结果来看,答案是用setAttribute()方法。我们参考搜索结果中提供的代码,将第三课的代码改成这样:

QQ截图20160318010137.jpg

用浏览器打开,点击

元素,发现马上变成了蓝色。
右键菜单点“检查”,查看网页HTML代码,发现

元素的style属性已经被改变了:

QQ截图20160318010431.jpg

评论
文号 / 812816

万流景仰
名片发私信
学术分 16
总主题 1270 帖总回复 8407 楼拥有证书:学者 机友 笔友
注册于 2008/03/29 15:34:00最后登录 2022/01/09 14:09:34
主体类型:个人
所属领域:无
认证方式:手机号
IP归属地:0

个人简介

已走,勿送

笔记
{{note.content}}
{{n.user.username}}
{{fromNow(n.toc)}} {{n.status === noteStatus.disabled ? "已屏蔽" : ""}} {{n.status === noteStatus.unknown ? "正在审核" : ""}} {{n.status === noteStatus.deleted ? '已删除' : ''}}
  • 编辑
  • 删除
  • {{n.status === 'disabled' ? "解除屏蔽" : "屏蔽" }}
我也是有底线的