JavaScript【十二】2022.6.6第十五周

小亓同学

于 2022-06-13 08:42:27 发布

阅读量153

点赞数

分类专栏：学习笔记JS 文章标签： javascript

本文链接：https://blog.csdn.net/m0_63564657/article/details/125253299

版权

本文介绍了如何使用JavaScript操作表单元素的属性，如type、value、checked、selected和disabled，并强调这些属性的值为布尔型。同时，讨论了通过element.style和element.className来改变元素的样式，包括行内样式和类名样式的操作。提到了JS中的样式使用驼峰命名法，以及className操作会覆盖原有的类名。最后，文章阐述了在有多余元素的情况下，如何运用排他思想通过循环来改变特定元素的样式。

摘要由CSDN通过智能技术生成

*表单元素的属性操作:

type、value、checked、selected、disabled 值全部为布尔型

我们可以通过 JS 修改元素的大小、颜色、位置等样式。

1. element.style 行内样式操作
注意：
1.JS 里面的样式采取驼峰命名法比如 fontSize、 backgroundColor
2.JS 修改 style 样式操作，产生的是行内样式，CSS 权重比较高

2. element.className 类名样式操作
注意：
1. 如果样式修改较多，可以采取操作类名方式更改元素样式。
2. class因为是个保留字，因此使用className来操作元素类名属性
3. className 会直接更改元素的类名，会覆盖原先的类名（会直接覆盖掉原来的类名）

操作元素之表单属性设置

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head&