`
zgqynx
  • 浏览: 1355943 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

给HTML增加自定义属性

阅读更多

增加自定义属性
<input type="text" id="txtBox" displayName="displayNAME1" />

看到增加的自定义属性为:displayNAME1

获取自定义属性值
document.getElementById("txtBox").getAttribute("displayName");


修改自定义属性值
document.all.txtBox.setAttribute("displayName ","http://www.ddgrow.com");


参考资料:http://www.devx.com/tips/Tip/40709?comment=24696-0

2
0
分享到:
评论

相关推荐

    HTML5如何添加自定义标签属性(data-自定义属性).zip

    HTML5如何添加自定义标签属性(data-自定义属性).zip

    option自定义属性的用处

    这个函数的主要目的是获取当前选中的 `&lt;option&gt;` 的 `relateCategory` 自定义属性,并将其作为参数传递给 Ajax 请求。 具体步骤如下: - 获取 `categoryPath` 和 `link` 元素的值。 - 通过 `link.options[link....

    javascript中的自定义属性的应用--避免频繁访问数据库

    在WEB应用程序中,经常需要将数据从数据库中取... 在原有控件中增加自定义属性,这样,既能避免逻辑复杂,又能节省网络流量。 关于实例的说明,见:http://blog.csdn.net/redleaf1995/archive/2008/01/29/2072029.aspx

    详解HTML5 data-* 自定义属性

    在jQuery的attr与prop提到过在IE9之前版本中如果使用...使用data-*可以解决自定义属性混乱无管理的现状。 读写方式 data-*有两种设置方式,可以直接在HTML元素标签上书写 Click Here 其中的data-age就是一种自定

    JS实现获取自定义属性data值的方法示例

    如果要增加一个新的自定义属性data-age,可以简单地通过赋值来实现: ```javascript tree.dataset.age = "100"; ``` 如果想要删除一个data-属性,可以将其赋值为null,或者使用delete运算符: ```javascript tree...

    HTML5的自定义属性data-*详细介绍和JS操作实例

    HTML5的自定义属性`data-*`是一种强大的特性,它允许开发者在HTML元素上存储额外的数据,这些数据在页面加载时不会直接展示,但可以通过JavaScript进行读取和修改。这在构建复杂、动态的Web应用时尤其有用,因为它...

    html自定义标签的使用

    首先,创建自定义标签的目的是为了增加语义化,使网页内容更易于机器理解,同时提高人类阅读的清晰度。例如,可以定义`&lt;article&gt;`、`&lt;sidebar&gt;`等标签来明确内容区块的类型。自定义标签遵循驼峰式命名规则,如`...

    如何在html中使用自定义字体

    ### 如何在HTML中使用自定义字体 在网页设计中,使用自定义字体可以使网站更加个性化,提升用户体验。本文将详细介绍如何在HTML中使用自定义字体,并通过示例代码进行说明。 #### 一、理解@font-face规则 要在...

    html+css仿微信底部自定义菜单

    3. **过渡效果**:使用`transition`属性可以平滑地改变元素的样式,增加视觉吸引力。例如,添加背景颜色变化的过渡效果: ```css .menu-item { transition: background-color 0.3s ease; } ``` 4. **图标集成**:...

    对FCKeditor HTML编辑器 封装成自定义控件

    “对FCKeditor HTML编辑器封装成自定义控件”这个标题意味着我们将探讨如何将FCKeditor,一个流行的开源HTML文本编辑器,整合到自定义的用户界面组件中。FCKeditor(现已更名为CKEditor)是Web开发中常用的富文本...

    select option带自定义图片

    总结来说,要实现`&lt;select&gt;`和`&lt;option&gt;`带有自定义图片的效果,我们需要结合HTML的`data-*`属性,JavaScript的动态操作和CSS的样式设计。这不仅增强了用户体验,也展示了前端技术在实现视觉效果方面的灵活性。在...

    QT添加自定义控件

    - **步骤8**: 选中拖入的QWidget,然后通过属性编辑器将其类型更改为`CustomWidget`。这一步骤称为“提升”,即把一个基础的QWidget转换为自定义控件。 4. **使用自定义控件**: - **步骤9**: 在`mainwindow.ui`...

    html 手机端自定义弹窗效果

    在移动设备上,HTML网页设计需要考虑到用户交互的特殊需求,特别是自定义弹窗效果的实现。这通常涉及到CSS3、JavaScript以及响应式设计的概念,以确保弹窗在不同屏幕尺寸下都能良好显示并提供良好的用户体验。下面...

    html5自定义字体@font-face

    然而,需要注意的是,自定义字体文件可能会增加页面的加载时间,特别是大文件。因此,优化字体文件大小(如使用在线字体服务,如 Google Fonts 或者 Font Squirrel 的 Webfont Generator)以及合理使用字体子集(只...

    自定义的select标签

    在前端开发中,自定义标签(Custom Elements)是一种强大的技术...在实际开发中,开发者可以根据项目需求对这个自定义组件进行扩展,如增加动画效果、支持多选、添加分组等功能,进一步提高应用的可定制性和用户体验。

    给DataGrid自定义Header功能

    标题“给DataGrid自定义Header功能”和描述“给DataGrid添加自定义的headerRenderer,实现在Header上自己添加想要的界面功能”正是关于这个主题的说明。下面将详细介绍如何实现DataGrid的自定义Header。 首先,理解...

    「HTML+CSS」--自定义按钮样式【001】

    此外,还可以使用CSS变量(也称为CSS自定义属性)来实现按钮样式的可复用性和灵活性。通过定义一组变量,可以在一处更改,全局生效,简化维护: ```css :root { --button-bg-color: #4CAF50; --button-hover-bg-...

    一个通过script自定义属性传递配置参数的方法

    在本文中,我们将探讨一种通过在HTML的`&lt;script&gt;`标签中使用自定义属性来传递配置参数给JS插件的方法。这种方法在不增加额外的脚本标签的情况下,简化了插件的调用过程。 首先,让我们看一个简单的例子,假设我们有...

    Qt控件增加属性并能过添加的属性设置样式

    本篇将深入探讨QSS的使用,以及如何为特定控件如button添加自定义属性和样式。 QSS是Qt中的一个强大功能,类似于网页设计中的CSS,它允许开发者用类似HTML样式的方式来定义Qt界面的视觉效果。通过QSS,我们可以控制...

    HTML5+CSS3源码_漂亮的CSS3动画进度条 可自定义进度条颜色.rar.rar

    4. **颜色自定义**:使用`linear-gradient`创建渐变色背景,可以设置多个颜色段,当进度条宽度增加时,颜色会随着进度逐渐变化。也可以通过修改`background-color`来改变进度条的填充颜色。 5. **JavaScript交互**...

Global site tag (gtag.js) - Google Analytics