JavaScript基础（13.Dom内容文本操作）

最新推荐文章于 2022-07-07 19:33:36 发布

__XYQ

最新推荐文章于 2022-07-07 19:33:36 发布

阅读量536

点赞数

分类专栏：前端基础知识文章标签： javascript

本文链接：https://blog.csdn.net/qq_41144008/article/details/78805555

版权

前端基础知识专栏收录该内容

41 篇文章 0 订阅

订阅专栏

先随意写一个HTML：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="i1">
    某电
    <a>百度</a>
</div>
</body>
</html>

打开Console操作，看输出即可学习：

可以看出innerText只是获取文本

而innerHTML可以获得包括标签，即为获取全部内容。

继续：

当我改变后就是这样，注意看上面的字也变了

如果加入标签却发现变成了字符串：

改成这样就好了：

源码稍作修改：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="i1">
    某电
    <a>百度</a>
    <input type="text" id="i2"/>
</div>
</body>
</html>

打开页面和Console:

在输入框中随意输入，然后在Console中写：

value为获取内容

我们继续：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="i1">
    某电
    <a>百度</a>
</div>
<select id="i3">
    <option value="1">某电</option>
    <option value="2">摆渡</option>
    <option value="3">骨骼</option>
</select>
</body>
</html>

继续：

如果我们选中了某个选项，value对应的就是某个value，selectedIndex是选中的序号

当然，我们可以获取value的值，自然可以修改它。

__XYQ

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript基础（13.Dom内容文本操作）

先随意写一个HTML：html>lang="en"> charset="UTF-8"> Titleid="i1"> 某电百度打开Console操作，看输出即可学习：可以看出innerText只是获取文本而innerHTML可以获得包括标签，即为获取全部内容。继续：当我改变后就是这样，注意看上面的字也变
复制链接

扫一扫