首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

JavaScript——操作标签元素属性

属性操作 首先获取页面标签元素,然后就可以对页面标签元素属性进行操作,属性操作包括: 属性读取 属性设置 属性名在js中写法 html属性和js里面属性大多数写法一样,但是“class”...属性写成 “className” “style” 属性里面的属性,有横杠改成驼峰式,比如:“font-size”,改成”style.fontSize” .sty01{...input1" value="20px"> 这是一个链接 2. innerHTML innerHTML可以读取或者设置标签包裹内容...oDiv.innerHTML = '传智播客'; } 这是一个div元素...小结 标签属性获取和设置: var 标签对象 = document.getElementById('id名称'); -> 获取标签对象 var 变量名 = 标签对象.属性名 -> 读取属性 标签对象.

30.2K65

【CSS】标签显示模式 ② ( 行内元素 | 行内块元素 )

可以 在一行中 同时放置多个 , 常见行内元素有 : 链接标签 : 行内标签 : 文字相关标签 : , , , , 2、行内元素特点...是 其本身 宽度 ; 容器特性 : 行内元素 作为 容器 , 只能 存放 文本 或 行内元素 , 不能存放 块级元素 ; 在 链接 标签 中 , 不能包含 其它 链接 , 否则会产生冲突...1 行内元素2 显示效果 : 为 span 标签设置 宽高 都是无效 , 设置 200 x 200 像素宽高 , 显然没有成功..., 行内元素宽高只取决于 元素 本身宽高 ; 二、行内块元素 ---- 1、行内块元素简介 行内块元素 标签 是 特殊标签 , 可以在 一行内显示多个 , 但是同时也可以为其设置 宽高属性 和...对齐属性 ; 图片标签 : 表单标签 : 单元格标签 : , 表格 table 中 行 tr 标签 单元格 标签 ; 2、行内块元素特点 行内块元素特点

1.5K10

元素妙用–单标签之美

更加具体信息,可以看看 MDN 对伪类和伪元素理解。 本文主角就是伪元素 before 和 after ,下面将具体讲讲这两个伪元素魅力。 哪些标签不支持伪元素?...伪元素虽然强大,但是还是有一些特定标签是不支持伪元素 before 和 after 。...但是运用伪元素,我们可以去掉这些不合语义化多余标签,运用 before 伪元素,将 CSS3 变换作用于伪元素上,这样变形不会作用于位于 div 上文字,而且没有使用多余标签。...伪元素实现换行,替代换行标签 大家都知道,块级元素在不脱离正常布局流情况下是会自动换行,而行级元素则不会自动换行。...,效果如下: more magic — 单标签图案 上面介绍是伪元素众多用法一部分,伪元素作用远不止于此。

76310

【CSS】标签显示模式 ① ( 标签显示模式 | 块级元素 )

- 标签显示模式 : 指的是 标签显示方式 , 标签类型有很多 , 不同情景使用不同类型标签 ; 块级元素 : div 标签 独占一行显示 , 对应 块标签 ; 行内元素 : span 标签可以...在一行放置多个进行显示 , 对应 行内标签 ; 二、块级元素 ---- 1、块级元素简介 块级元素 可以 独占一行显示 , 常见 块级元素 标签 : 标题标签 : , , … ,...: 块级元素 会 独占父容器 一行 , 宽度默认充满父容器 ; 大小可控 : 标签 高度 , 宽度 , 内边距 , 外边距 可以自定义设置 ; 默认宽度 : 块级元素 默认 宽度 是 父容器 ...; 段落标签 : 标签是特殊 块级元素 , 其中不能包含 标签 , 只能放文字内容 ; 如果在 p 标签内放置 块级元素 , 会显示错误效果 ; 标题标签 : 标题标签中只能放置文字...标签设置了 200x100 像素大小 , 并设置了 2 像素上边距 , 块级元素 整体背景设置为了黑色 , 文字颜色设置成了 绿色 ; <!

1.8K30

【CSS】标签显示模式 ③ ( 标签显示模式转换 | 行内元素转换为块级元素 | 块级元素转换为行内元素 | 块级元素、行内元素转换为行内块元素 )

文章目录 一、标签显示模式转换 1、行内元素转换为块级元素 2、块级元素转换为行内元素 3、块级元素、行内元素转换为行内块元素 一、标签显示模式转换 ---- 1、行内元素转换为块级元素 在 CSS... 行内元素 展示效果 : 没有设置 display: block; 样式效果 : 设置 display: block; 样式效果...: 2、块级元素转换为行内元素 在 CSS 样式中设置属性值 display: block; , 可以将 行内元素 转换为 块级元素 ; span { /* 行内元素 转换为...CSS 样式属性 : 3、块级元素、行内元素转换为行内块元素 在 CSS 样式中设置属性值 display: inline-block; , 可以将 块级元素 或 行内元素 转换为 行内块元素 ;... 宽高 属性 , 其它 边距 对齐 等属性也可以设置 ;

1.5K10

CSS伪元素妙用--单标签之美

但是运用伪元素,我们可以去掉这些不合语义化多余标签,运用 before 伪元素,将 CSS3 变换作用于伪元素上,这样变形不会作用于位于 div 上文字,而且没有使用多余标签。...伪元素实现换行,替代换行标签 大家都知道,块级元素在不脱离正常布局流情况下是会自动换行,而行级元素则不会自动换行。...但在项目中,有需求是需要让行级元素也自动换行,通常这种情况,我都是用 换行标签解决。...more magic — 单标签图案 上面介绍是伪元素众多用法一部分,伪元素作用远不止于此。有了before 、after 两个伪元素。...一个标签其实可以相当于 3 个标签来使用,而配合 CSS3 强大 3D 变换、多重背景,多重阴影等手段,让单标签作画成为了可能,下面是我仅用单个标签,实现一些动画效果: 单标签实现浏览器图标: ?

1.6K100

【CSS进阶】伪元素妙用--单标签之美

更加具体信息,可以看看 MDN 对伪类和伪元素理解。 本文主角就是伪元素 before 和 after ,下面将具体讲讲这两个伪元素魅力。  哪些标签不支持伪元素?...伪元素虽然强大,但是还是有一些特定标签是不支持伪元素 before 和 after 。...但是运用伪元素,我们可以去掉这些不合语义化多余标签,运用 before 伪元素,将 CSS3 变换作用于伪元素上,这样变形不会作用于位于 div 上文字,而且没有使用多余标签。...伪元素实现换行,替代换行标签 大家都知道,块级元素在不脱离正常布局流情况下是会自动换行,而行级元素则不会自动换行。...more magic -- 单标签图案 上面介绍是伪元素众多用法一部分,伪元素作用远不止于此。有了before 、after 两个伪元素

1.1K120

html标签属性(attribute)和dom元素属性(property)

从对象来说,attribute是html文档上标签属性, 而property则是对应dom元素自身属性。...但是对于ie6,7,8(Q)模式下,会与标准w3c浏览器发生兼容性问题:   1,在ie6,7,8(Q)下,这两种方法等同,即getAttribute和". || [' ']"可以相互访问html上标签属性或者...dom对象特有属性(典型:   可通过getAttribute获取Dom元素innerHTML和offsetWidth,clientWidth属性,也可通过setAttribute设置;对于w3c浏览器而言...,   它们按照规范在html文档上设置这样自定义属性,并不修改dom元素属性),而在w3c浏览器下可以正确区分他们异同;   2,在ie6,7,8(Q)下,通过getAttribute和setAttribute...根据 HTML4.01 规范中描述,一个 INPUT 元素 HTML 标签 value 属性指定了这个控件 "currentValue"。最初 "当前值" 会采用 "初始值"。

1.8K50

6.HTML输入表单标签元素介绍

[TOC] 0x00 前言简述 本章将主要给各位看友介绍表单form中常用标签元素属性,本节标签一览如下所示: : 定义供用户输入 HTML 表单。...HTML5 中不支持 0x00 表单标签元素 form 标签 描述: 表单是一个包含表单元素区域,表单元素是允许用户在表单中输入内容,其包含 文本框、文本域(textarea)、按钮、下拉列表、单选框...label 标签 描述: 该元素标签)表示用户界面中某个元素说明, 其通常与input连用,它可以标签文本不仅与其相应文本输入元素在视觉上相关联,也可以点击关联标签来聚焦或者激活这个输入元素,就像直接点击输入元素一样...属性: for : 即和 label 元素在同一文档中 可关联标签元素 id form : 表示与 label 元素关联 form 元素(即它表单拥有者)。 示例: <!...button 标签 描述: 该元素可以如其意定义一个按钮,在其元素内部您可以放置内容,比如文本或图像,这是该元素与使用 元素创建按钮之间不同之处。

4.5K10

标签之美十——用户交互元素

标签之美——用户交互元素 任何一个网页都会提供用户交互功能,包括账号密码提交,留言板等用户信息获取。 一、用户交互表单属性 表单使用来创建。...1、跳转链接属性 表单跳转是在提交数据后跳转到指定URL,使用action属性,如下: 2、传递数据方式 表单跳转传递数据时可以设置一个传递方式...表单可是设置一个名称,通过name属性来设置: 二、输入表单 输入表单使用创建,必须在表单元素中...点击重置按钮后,输入内容会被重置。 7、图像按钮 图像按钮和普通按钮用法相似,设置type=image可以创建图像按钮,只是这个按钮多了一个src属性用来设置图片路径地址。...三、下拉列表 通过和标签来设置下拉菜单和其中选项,示例如下: <form name="my" action="http://" method

78230

riot.js教程【五】标签嵌套、命名元素、事件、标签条件

前文回顾 riot.js教程【四】Mixins、HTML内嵌表达式 riot.js教程【三】访问DOM元素、使用jquery、mount输入参数、riotjs标签生命周期; riot.js教程【二...方法传递,子标签参数是通过标签属性传递过去 注意:嵌套标签总是在父标签内部声明,定义; 标签内嵌入HTML 我们先定义一个my-tag标签 Hello <yield/...yield占位符输出,其实是text变量 这就是在标签内嵌入HTML代码 命名元素元素具备ref属性时候, 这个元素会被链接到this.refs上, 这样你就可以很方便用JS访问到它 <login...,那么方法执行完之后,就不会执行this.update()事件; 方法第一个参数就是标准event对象 e.currentTarget 指代触发事件DOM元素 e.target 也指代触发事件DOM...'" hide – 当值是true时候,相当于 style="display: none" if – 当值是true时候,会把该标签加入到DOM元素中,是false时候,不会把标签加入到dom元素

3.9K80
领券