首页 > 其他分享 >获取html中的节点对象以及设置标签的属性

获取html中的节点对象以及设置标签的属性

时间:2024-04-26 17:22:19浏览次数:18  
标签:function 标签 alert html var document 节点 属性

1.设置了三种方法来根据不同的场合获取不同的节点对象:

var test = function (){//获取id的值
var d1 = document.getElementById("d1");
alert(d1.innerHTML)
}
var test1 = function (){ //获取标签的值
var divs = document.getElementsByTagName("div");

 for( var i = 0; i < divs.length; i ++){
     alert(divs[i].innerHTML);
 }

}
var test2 =function (){ //为了获取不同的标签的值,可以命名name值来得到一个值集合
var names = document.getElementsByName("a");
for( var k = 0; k < names.length; k ++){
alert(names[k].innerHTML);
}

<body> <div id = "d1">12345</div> <div name="a">abcde</div> <span name="a">789456</span> <input type="button" value="根据id获取相应的元素" onclick="test();"> <input type="button" value="根据tag标签获取相应的元素" onclick="test1();"> <input type="button" value="根据name名称获取相应的元素" onclick="test2();"> </body>

2.设置标签的属性,设置一个输入框,和三个按钮。

3.三个方法对于获得和设置标签的属性值。

     var test = function (){

        var text = document.getElementById("1");

        alert(text.getAttribute("value"));
        alert(text.getAttribute("name"));
    }

    var test1 = function (){

        var text1 = document.getElementById("1");

      text1.setAttribute("value","123");//重新设置标签的属性,也可以添加属性
      text1.setAttribute("name","老王");
    }

  //给标题1添加属性,将其颜色变为红色。

    var test2 = function (){

        var h1 = document.getElementById("01");

        h1.setAttribute("style","color:red");

    }

标签:function,标签,alert,html,var,document,节点,属性
From: https://www.cnblogs.com/460759461-zeze/p/18160500

相关文章

  • python读取xml,添加节点
    采用minidom读取,在dom上创建新节点,dom.createElement('item')再将节点挂在对应节点下byCardNo.appendChild(item)将修改后的dom重新写入,建议换一个文件名再测试,避免覆盖defadd(filename):#创建dom文档dom=minidom.parse(filename)root=dom......
  • Godot中设置Sprite2D节点透明度
    Godot中设置Sprite2D节点透明度该方法可以用于所有CanvasItem​类及其子类···#假设在`CancasItem`节点自身脚本中执行#设置范围0~1##设置自己及子节点modulate.a=0.5##仅设置自己节点的透明度self_modulate.a=0.5#设置范围(0~255)8bit##设置自己及子节点mod......
  • ROS2学习--OOP方法编写python节点
    1.创建工作空间mkdir-ptown_ws/srccdtown_ws/src2.创建功能包ros2pkgcreatevillage_li--build-typeament_python--dependenciesrclpypkgcreate是创建包的意思--build-type用来指定该包的编译类型,一共有三个可选项ament_python、ament_cmake、cmake--dependen......
  • Godot中设置Sprite2D节点透明度
    Godot中设置Sprite2D节点透明度该方法可以用于所有CanvasItem​类及其子类···#假设在`CancasItem`节点自身脚本中执行#设置范围0~1##设置自己及子节点modulate.a=0.5##仅设置自己节点的透明度self_modulate.a=0.5#设置范围(0~255)8bit##设置自己及子节点mod......
  • ROS2学习--POP方法编写C++节点 debug过程
    一、编写C++节点并测试 1.创建功能包C++功能包使用ament-camke作为编译基础,依赖为rclcpp。打开终端,进入town_ws/src运行下面的指令,目录结构如下ros2pkgcreatevillage_wang--build-typeament_cmake--dependenciesrclcpp2.创建节点village_wang/src下创建一个wang2.cp......
  • 社区发现之标签传播算法(LPA)python实现
    社区发现在图领域中备受关注,其根源可以追溯到子图分割问题。在真实的社交网络中,用户之间的联系紧密度不尽相同,导致形成了不同的社区结构。社区发现问题主要分为两类:非重叠和重叠社区。非重叠社区发现指的是每个节点仅属于一个社区,社区之间没有交集。在非重叠社区发现中,有多种解决......
  • [笔记]html+css基础知识
    1.html标签单标签<br/>:换行用<meta/>:存字符编码,作者,版权,关键字,网页说明等信息,不显示在浏览器中a.比如:<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><hr/>:插入一条水平线,两个标签表示插入两条<img/>:插入图片a.src是图像存储url或名......
  • 12_自动创建设备节点
    自动创建设备节点自动创建设备节点简介​ 在嵌入式Linux中使用mdev来实现设备节点文件的自动创建和删除。​ udev是一种工具,它能够根据系统中的硬件设备的状态动态更新设备文件,包括设备文件的创建,删除等。设备文件通常放在/dev目录下。使用udev后,在/dev目录下就......
  • 【vue3入门】-【4】插入html
    原始html双大括号,将会将数据插值为纯文本,而不是html,若想要插入html,则需要使用v-html指令<template><h3>模版语法</h3><p>{{tthtml}}</p><!--会直接将html文本展示出来-->><pv-html="tthtml"></p><!--会在进行渲染后展示出来-->></templa......
  • phpcms pc:get 标签用法;phpcms模板中使用PHP标签
     注意:变量 $catid 需要是从控制器里解析出来的<divclass="show-right-top"><divclass="sch-recruit-right-title"><p><imgsrc="/statics/boot/images/quan3.png">快速链接</p></div>......