章节
问答
课签
笔记
评论
占位
占位

innerHTML 属性

innerHTML 属性用于获取或替换 HTML 元素的内容。

语法:

Object.innerHTML

注意:

1.Object是获取的元素对象,如通过document.getElementById("ID")获取的元素。

2.注意书写,innerHTML区分大小写。

我们通过id="con"获取<p> 元素,并将元素的内容输出和改变元素内容,代码如下:

结果:

任务

1. 在右边编辑器中,第11行补充代码,通过id获取h2标签元素,并赋给变量mychar。

2. 在右边编辑器中,第13行补充代码,使用innerHTML属性,将获取的h2标签内容修改为"Hello world!"

 

?不会了怎么办

1. 通过document.getElementById("con")获取h2标签。

2.使用innerHTML属性获取和修改元素内容。mychar.innerHTML="Hello world";

||
1
2
<!DOCTYPE HTML>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

最新回答 / 住月亮上的猫
<...图片...>我的结果是这样,不知道哪错了,我感觉最近在评论区提问都没有人回答。。。。。。。。

最新回答 / Lucifer071023
var mychar=document.getElementById("con");  document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容  mychar.innerHTML="Hello Word";  document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容因为执行到原标题这里的时候mychar.innerHTML的内容还是原来的内容,并没有发生改变,接着mycha...

最新回答 / 2020064680
id加了一个加了一个#号

已采纳回答 / qq_慕函数3387418
chtitle函数执行了2次,后面又调用了一次

最新回答 / 慕雪4366338
好的我知道我哪里出问题了,我重复定义了mychar函数???

最新回答 / HEML萌新
不是的,id只是一个文本标记,像书签一样,不是指针这样的底层结构

最赞回答 / HEML萌新
不是哥···,我这么说吧你想使用js的代码 有两种方式,一是写成函数,在<body>里面调用,二是把代码插在<body>里面你明显是想用第二种,然后你的问题是,顺序错了,<p>标签要在js前面,程序的运行是自上而下的,js代码找不到需要操作的变量,所以啥都没变

最赞回答 / 慕JAVA工程师
代码是从上往下依次执行,建议把js代码放在body内

最新回答 / 几盎丶
HTML引用JS了吗,引用时注意放在body,还有,我不确定可以直接在js中使用标签ID,可能需要传入参数,来使用,尝试下

已采纳回答 / 慕后端0302327
上一节你的操作不对,数据结果不应该是null

最赞回答 / 慕爷1004648
p 指的是p标签 类似我们写文章的段落 一个p代表一个段落id就是给这个段落也就是p标签起名字con就是p标签也就是段落的名字  

最赞回答 / 慕后端8119745
mychar.innerHTLM 改成 mychar.innerHTML

最赞回答 / 慕慕0251585
var mychar是声明,你可以在一开始就给它直接赋值,例如 var mychar="I love java",但mychar.innerHTML相当于使用一条公式。你把2种语法杂糅在一起,肯定是不行的

最赞回答 / 崇义0
是按照顺序依次执行的,你可以将 mycon.innerHTML="New text!";先注释了,就可以知道他<p id="con">Hello world!</p>是有打印出来的,但是浏览器执行到 mycon.innerHTML="New text!";就将p标签里面的文字给修改了

最新回答 / 艾尔修兎
11行结尾少了个分号”;“
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言