`
人生难得糊涂
  • 浏览: 117340 次
社区版块
存档分类
最新评论

告诉你JS中的div到底有没有value属性!

 
阅读更多
function getDivValue(){
    var t1=document.getElementById("test"); 
    alert(t1.value);
}

 
<div id="test" value="yes" > </div>

 


<!--对于以上的HTML代码 我们通过JS直接得到div的value属性是得不到的,输出为undefined
这是因为div没有value属性  所以这样是得不到的  要用t1.getAttribute("value");得到-->





<!--但是我们用dom 创建的div对象却可以直接用 obj.value得到-->






var obj=documnet.createElement("div");


obj.value="hi";


alert(obj.value);



<!--这里将输出hi-->
<!--看到这里 你可能会对我上面说的div没有value属性感到怀疑了 ,那么div到底有没有value属性呢 ?
答案是没有的,
 那么为什么下面的方式可以直接通过obj.value得到呢?  
那是因为document.cteateElement  创建并不是一个严格意义上的 div标签
 而是一个自定义的叫div的对象标签 然后又定义了一个叫value的属性
(obj.value="hi" 在JS中代表定义obj的一个熟悉叫value 同时赋值为"hi")
看到这里相比你已经明白了 -->

 


 

 

 

0
0
分享到:
评论

相关推荐

    用JS来控制DIV样式的display属性

    本文将详细介绍如何使用JavaScript(JS)来控制HTML中的DIV元素的`display`属性,从而实现元素的显示与隐藏功能。通过具体实例,帮助读者更好地理解和掌握这一技能。 #### 知识点一:CSS样式中的`display`属性 `...

    JavaScript动态改变div属性的实现方法

    JavaScript中动态改变div的样式属性可以通过直接操作元素的style对象属性来实现。在本文示例中,通过循环遍历了所有的input元素,并为它们绑定了一个点击事件。在这个点击事件的函数中,首先判断当前input元素是否是...

    js中动态加载div/input....

    "js中动态加载div/input"指的是使用JavaScript来动态地创建、修改或删除HTML元素,如div(div元素是网页布局中最常用的部分)和input(输入框,用于用户交互)。这种技术允许开发者在页面加载后或者根据用户的某些...

    Js弹出div和关闭

    根据给定的信息,本文将详细解释如何使用JavaScript(简称JS)来实现弹出一个`div`元素,并在其中展示特定内容以及如何通过点击关闭按钮来隐藏这个`div`。 ### Js弹出div和关闭 #### 弹出div的原理与实现 在网页...

    两个js弹出div层并获取当前页面值的html例子

    在这个"两个js弹出div层并获取当前页面值的html例子"中,我们可以学习如何利用JavaScript动态创建和控制div元素来实现弹出层,并且获取当前页面的值。 首先,我们先理解HTML中的div元素。div是HTML中的一个块级元素...

    jQuery实现随意改变div任意属性的名称和值(部分原生js实现)

    在给定的文件中,所描述的核心知识点是如何使用原生JavaScript和jQuery来动态地改变一个HTML元素(例如div)的属性。这种技术可以使网页具有更加丰富的交互性。以下详细说明该知识点: ### 原生JavaScript实现 在...

    DIV + CSS + JAVASCRIPT + 模仿 HTML中select

    在网页设计中,"DIV + CSS + JAVASCRIPT + 模仿 HTML中select"是一个常见的技术实践,目的是为了在不使用HTML原生`&lt;select&gt;`元素的情况下,通过JavaScript和CSS来创建具有相同功能和交互体验的下拉选择器。...

    原生js和jQuery随意改变div属性style的名称和值

    在本文中,我们将探讨如何使用原生JavaScript和jQuery库来动态改变HTML元素(特别是div元素)的样式属性。这一技术对于Web开发中的样式调整和动态界面设计非常实用。下面我们将详细解释其中涉及的关键知识点。 ### ...

    Javascript控制div属性动态变化实例分析

    本文通过实例详细分析了如何使用JavaScript控制div元素属性动态变化。在Web前端设计中,动态地改变页面元素的样式和行为是非常常见的需求,尤其是在响应用户的交互操作时。通过监听鼠标事件,我们可以实现对页面元素...

    js实现div可设置宽度背景颜色代码.zip

    在JavaScript(JS)中,实现一个功能让用户可以动态设置`div`元素的宽度和背景颜色,涉及到HTML、CSS和JavaScript的基本交互。首先,我们需要理解HTML用于构建网页结构,CSS用于美化网页,而JavaScript则提供了与...

    【JavaScript源代码】vue实现页面div盒子拖拽排序功能.docx

    在Vue.js中实现页面div元素的拖拽排序功能可以极大地提升用户体验,特别是在构建可自定义布局的应用时。这里我们探讨的是一种基于CSS3 `transition-group` 的方法,它允许我们优雅地实现拖放动画和排序。 首先,让...

    ASPnet(C#)中的DIV的显示隐藏问题

    ### ASP.NET中DIV的显示与隐藏技巧 在ASP.NET Web应用程序开发中,用户界面的动态控制是一项非常重要的技能。特别是对于那些需要根据用户操作或某些条件来改变显示内容的应用程序来说,能够有效地显示或隐藏控件是...

    JS+DIV 模拟QQ图片滤镜显示

    在本文中,我们将深入探讨如何使用JavaScript(JS)和HTML的div元素来模拟QQ图片滤镜显示的效果。QQ图片滤镜是一种流行的功能,允许用户在查看图片时应用各种视觉效果,增强图片的视觉吸引力。通过JS和div,我们可以...

    jquery监听div内容的变化具体实现思路

    上述代码中,我们通过bind()方法为ID为laneconfigdisplay的div绑定了一个名为contentchanged的自定义事件,然后在适当的地方通过trigger()方法触发这个事件。但是这里contentchanged事件的具体实现并没有详细说明,...

    让div滚动条初始化到最低位置的三种方法

    在前端开发中,有时我们需要实现一个功能,即在向某个特定的`div`容器内添加新内容后,使该`div`的滚动条自动滚动到最底部,以确保新添加的内容能够立即呈现在用户的视线范围内。本文将详细介绍三种实现这一目标的...

    下拉框多选 js动态实现

    在网页开发中,"下拉框多选 js动态实现"是一个常见的交互需求,尤其是在表单设计和数据筛选中。这个需求通常涉及到HTML、CSS和JavaScript技术的结合使用,特别是JavaScript库如jQuery或者其他自定义JS代码,来实现...

    js控制div及网页相关属性的代码

    在JavaScript中,控制DOM(Document Object Model)元素,特别是像`div`这样的常见元素,是网页动态效果和交互的核心。`div`元素通常用作布局容器,通过JavaScript我们可以实现对这些元素的各种操作,如创建、修改、...

    div 模拟下拉列表

    这个技术主要是通过CSS和JavaScript(通常会结合使用jQuery或其他JS库)来创建一个看起来和行为类似于`&lt;select&gt;`的组件,同时能够更好地控制样式和增加自定义功能。 在兼容性方面,这个技术的目标是确保在主流...

    div弹出层实现单选功能

    为了实现单选功能,`radio`按钮的`name`属性应保持一致,这样在同一组内的按钮只能有一个被选中。 例如: ```html &lt;div id="popup"&gt; &lt;div class="option"&gt; &lt;input type="radio" name="selection" value="1"&gt; ...

    全局JS中不可调用页面元素的属性

    标题“全局JS中不可调用页面元素的属性”涉及到JavaScript编程中的一个重要概念,即JavaScript的运行环境和作用域。在JavaScript中,全局变量和局部变量的区分是非常关键的,而页面元素(如DOM元素)的访问则有其...

Global site tag (gtag.js) - Google Analytics