请问dom节点的属性可以存储一个对象吗

问题描述

请问dom节点的属性可以存储一个对象吗

例如一个div节点,现在给它加一个属性用来存储一个对象,

 <div info={x:11,y:34}></div>

这样写好像不对,应该怎么写呢,求解,3Q

解决方案

可以啊,用CDATA,如果放在属性中,可以先把对象序列化成xml,再做html编码

解决方案二:

既然想存对象,说明你需要使用js 对其操作 为何不用dom对象直接扩展属性进行保存 var domObj = document.getElementById('...'); domObj.info = {x:11,y:66};

console.log(domObj.info.x);------11

解决方案三:

属性值都是字符串,你需要用eval或者JSON.parse转换为对象才行

或者你用jquery的data对象在某个对象存储对象也行,但是不是居于属性的


<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<div id="dv">dv</div>
<script>
    $('#dv').data('json', { a: 1, b: 2 });
   var  o = $('#dv').data('json');
    alert(o.a)
</script>

解决方案四:

Flex中如何通过给openItems属性,设置一个XMLList或Array对象来打开Tree的一个节点

解决方案五:

解决方案六:

 <div info="{x:11,y:66}"></div>

相关文章


  • dom-HTML DOM和元素标签是一个意思吗?
  • 编码-dom4j解析spring.xml,ref这种通过id调用是怎么解析的?
  • bean-利用dom4j解析spring.xml
  • javascript window.event;这句看不懂
  • 数据结构-java中自己定义node类来代表无线网络中的节点
  • javascript-关于js中jquery的问题
  • dom-jQuery的Dom操作问题问题问题问题
  • xml-求救:JAVA dom4j获取XML嵌套节点属性值
  • addattribute-dom4j节点增加属性问题
  • xml dom4j-xpath路径问题,/users/user[username=&amp;#39;张三&amp;#39;]路径问什么找不到相应的文本?

【云栖快讯】2017互联网超级工程阿里双11完美落幕,交易额突破1682亿,但阿里工程师如何玩转“超级工程”,背后黑科技又是如何?12月13-14日,12位大咖直播分享揭秘1682亿背后技术实践,马上预约  详情请点击

热门推荐


  • 高性能云服务器2折起
  • 云服务器配置
  • 技术资料
  • 云计算
  • 域名
  • shell
  • node.js
  • 问答
  • java
  • mysql
  • C++
  • python
  • jQuery
  • Android
  • asp
  • PHP技巧
  • jQuery教程
  • JavaScript技巧
  • JS
  • SEO
  • sql server
  • mysql教程
  • 前端
  • 技术文集
  • 技术
  • 主题地图
  • A
  • z
  • 云服务器哪家好
  • API
  • 大数据
  • 云安全
  • 云存储
  • 云计算
  • 获取公众号授权失败
  • 兼容性疑难解答
  • path
  • stm32
  • jsonobject
  • product

前三篇


  • 自增操作-i = i++; 用反编译怎么解释 ?
  • js-struts2标签的大于等于和小于等于怎么写?
  • mplayer-Mplayer安装出现问题,make错误

后三篇


  • jquery ui-两个弹出框,重定向不管用,页面不在跳转,方法和action都调用,就是不管用,下面是一个截图,
  • 网站建设-外网访问内网服务器
  • struts2-Struts2,知道的大神们指点一下!谢谢

(yq.aliyun.com)为您免费提供请问dom节点的属性可以存储一个对象吗相关信息,包括
dom
的信息
,所有请问dom节点的属性可以存储一个对象吗相关内容均不代表的意见!
该页面h5页面的地址是:https://m.aliyun.com/yunqi/wenzhang/show_43207,您可以点击请问dom节点的属性可以存储一个对象吗-手机站访问。

时间: 2024-09-19 20:31:32

请问dom节点的属性可以存储一个对象吗的相关文章

Javascript入门学习第八篇 js dom节点属性说明第1/2页_基础知识

 今天我们讲DOM属性. 前面其实我们已经碰过DOM属性了. 比如: nodeName,nodeType-..今天我们详细的讲解下. 1,nodeName属性  : 节点的名字. 如果节点是元素节点,那么返回这个元素的名字.此时,相当于tagName属性. 比如: <p>aaaa</p>  : 则返回 p ; 如果是属性节点,nodeName将返回这个属性的名字. 如果是文本节点,nodeName将返回一个#text的字符串. 另外我要说的是: nodeName属性是一个只读属性,

用于节点操作的API,颠覆原生操作HTML DOM节点的API_javascript技巧

第一次看到敏捷开发的定义,我就被敏捷开发迷住了.通俗来说,敏捷开发可以让我们用过的代码可以再次重用,因为是再次重用,所以相对安全,再次调试也没有第一次那么费心,省时省力.不断重用代码的过程中把存在的bug不断的修复,也因为不断的去重用, 这个模板变得起越来越独立,适用的情况越来越广范,最后在安全方面达到铜墙铁壁,在开发方面达到随心所欲,在维护方面达到从容面对. 敏捷开发的确是利害,但如何练就这种深奥的武功呢?就我自身的情况靠人传授武功是不可能了,因为公司就我一个做开发的,苦思幂想之后,决定从开源

JS/jQuery判断DOM节点是否存在的简单方法_javascript技巧

JS原生判断DOM节点是否存在页面中 JavaScript原生函数没有提供判断DOM节点是否存在方法,我们通常获取DOM节点几乎都是document.getElement..方法,会返回一个object数组合集,我们可以通过object[0],object[1]这样来访问这个合集的每一个对象.既然返回的是数组合集,那么就有length属性,而length大于等于1即表示DOM节点存在页面中 代码: Object.prototype.exist = function(){ if(typeof th

修改和创建DOM节点两种方式的4种优化方案

原文:<Speeding up JavaScript: Working with the DOM>作者:KeeKim Heng, Google Web Developer翻译:http://www.blogjava.net/emu/archive/2010/03/01/314185.html 在我们开发互联网富应用(RIA)时,我们经常写一些javascript脚本来修改或者增加页面元素,这些工作最终是DOM--或者说文档对象模 型--来完成的,而我们的实现方式会影响到应用的响应速度. DOM

Ajax实战:寻找DOM节点

用JavaScript操作DOM的第一件事就是找到要修改的元素.前面已经提到,我 们开始只能得到根节点的一个引用,它保存在全局变量document中.DOM中的每 一个节点都是document的子节点(或孙节点.曾孙节点等等),但是要在大型的复 杂文档中,一步一步地缓慢搜寻是件体力活.幸运的是,我们可以走一些捷径. 最常用的方法就是给元素附加唯一的ID.在代码清单2-5的onload()函数中,我 们想要寻找两个元素:段落元素,我们为它设置样式;空的标签,我们为它添加 内容.如你所见,已经在HT

html dom节点操作

 DOM 是关于如何获取.修改.添加或删除 HTML 元素的标准,下面为大家介绍下html dom节点操作,感兴趣的朋友可以参考下 HTML DOM 是关于如何获取.修改.添加或删除 HTML 元素的标准.在 HTML DOM 中,所有事物都是节点.DOM 是被视为节点树的 HTML.    根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点:    整个文档是一个文档节点  每个 HTML 元素是元素节点  HTML 元素内的文本是文本节点  每个 HTML 属性是属

JQuery删除DOM节点的方法_jquery

本文实例讲述了JQuery删除DOM节点的方法.分享给大家供大家参考.具体分析如下: 如果文档中某一个元素多余,那么应将其删除.JQuery提供了两种删除节点的方法,即remove()和empty(). HTML DOM结构如下: <p class="nm_p" title="欢迎访问" >欢迎访问</p> <ul class="nm_ul"> <li title='PHP编程'>简单易懂的PHP编

JQuery创建DOM节点的方法_jquery

本文实例讲述了JQuery创建DOM节点的方法.分享给大家供大家参考.具体分析如下: 用JQuery选择器能够快捷而轻松地查找到文档中的某个特定的元素节点,然后可以用attr()方法来获取元素的各种属性的值.但真正的DOM操作并非这么简单.在DOM操作中,常常需要动态创建HTML内容,使文档在浏览器里的呈现效果发生变化,并且达到各种各样的人机交互的目的. HTML DOM结构如下: <p class="nm_p" title="欢迎访问" >欢迎访问&l

JQuery查找DOM节点的方法_jquery

本文实例讲述了JQuery查找DOM节点的方法.分享给大家供大家参考.具体分析如下: DOM操作是JQuery最常见的用法,下面我们来将JQuery的DOM操作逐个剖析下.先来最简单的查找节点操作. 为了能全面地讲解DOM操作,首先需要构建一个网页.因为每一张网页都能用DOM表示出来,而每一份DOM都可以看作一棵DOM树.HTML代码如下: <p class="nm_p" title="欢迎访问" >欢迎访问</p> <ul class