javascript DOM实用学习资料第1/3页
发布时间：2024-04-25 13:09:44
标签：javascript,DOM
访问指定节点：
getElementsByName():
<html> <head> <title>DOM技术</title> </head> <body> <form method="post" action="document.cgi"> <fieldset> <legend>选择你喜欢的颜色！</legend> <input type="radio" name="color" value="red"/>red <input type="radio" name="color" value="green"/>green <input type="radio" name="color" value="blue"/>blue </fieldset> <input type="submit" value="submit"> </form> <script language="javascript"> var oRadios=document.getElementsByName("color"); alert(oRadios[0].getAttribute("value")); </script> </body> </html>
<html> <head> <title>DOM技术</title> </head> <body> <form method="post" action="document.cgi"> <fieldset> <legend>选择你喜欢的颜色！</legend> <input type="radio" name="color" value="red"/>red <input type="radio" name="color" value="green"/>green <input type="radio" name="color" value="blue"/>blue </fieldset> <input type="submit" value="submit"> </form> <script language="javascript"> var oRadios=document.getElementsByName("color"); alert(oRadios[0].getAttribute("value")); </script> </body> </html>
getElementById():
<html> <head> <title> </title> <script type="text/javascript"> function getValue(){ var odiv1=document.getElementById("div1"); odiv1.innerText="hello!"; } </script> </head> <body onload="getValue()"> <div id="div1"></div> </body> </html>
<html> <head> <title> </title> <script type="text/javascript"> function getValue(){ var odiv1=document.getElementById("div1"); odiv1.innerText="hello!"; } </script> </head> <body onload="getValue()"> <div id="div1"></div> </body> </html>
createElement():
<html> <head> <title>创建节点</title> </head> <body onload="createM()"> </body> </html> <script language="javascript"> function createM(){ var op=document.createElement("p"); var otext=document.createTextNode("你好！"); op.appendChild(otext); document.body.appendChild(op); } </script>
<html> <head> <title>创建节点</title> </head> <body onload="createM()"> </body> </html> <script language="javascript"> function createM(){ var op=document.createElement("p"); var otext=document.createTextNode("你好！"); op.appendChild(otext); document.body.appendChild(op); } </script>
removeChild():
<html> <head> <title>删除节点</title> <script language="javascript"> function removeM(){ var op=document.body.getElementsByTagName("p")[0]; document.body.removeChild(op); } </script> </head> <body onload="removeM()"> <p>你好！</p> <p>hello world！</p> </body> </html>
<html> <head> <title>删除节点</title> <script language="javascript"> function removeM(){ var op=document.body.getElementsByTagName("p")[0]; document.body.removeChild(op); } </script> </head> <body onload="removeM()"> <p>你好！</p> <p>hello world！</p> </body> </html>
123下一页阅读全文
0
投稿猜你喜欢
首先这个bak文件是SQL数据库的备份文件，要使用SQL恢复然后就可以查询了找到需要的文件注意解压出来有7GB+1、下载SQL server- 安装cuda 我强调下 这个需要注意版本问题的注意 (个人的想法,安装思路,仅供参考)pytorch 需要注意这个现在支持的版本.根据这个支
- python3中，list有个reverse函数，用来反转列表元素，但是如果想要反转部分元素呢？a = [1,2,3,4,5]a[0:3].
- 本文实例讲述了Python利用matplotlib绘制约数个数统计图。分享给大家供大家参考，具体如下：利用Python计算1000以内自然数
- 首先让我们来看看有关 Perl 面向对象编程的三个基本定义：1. 一个“对象”是指一个“有办法知道它是属于哪个类”的简单引用。(
- 概述pandas中与库版本或依赖库版本相关的API主要有以下4个：pandas.__version__：查看pandas简要版本信息。pan
- having的用法 having子句可以让我们筛选成组后的各种数据，having子句在查询过程中慢于聚合语句(sum,min,max,avg
- //如果之前有选中的，则把选中radio取消掉$("#tj_cat .pro_category").each(funct
- <? //很好用的PHP数据库类，三、四句代码搞定一个表的操作，无论这个表字段有多复杂。 //此类多次大量用在大型网站程序的开发上，效
- 通用用法但上图的字段名，类型需要根据不同接口填写，如某服务接口：因而对应的上传代码如下：# 输出参数：请求响应报文import reques
- 概述Python是个非常受欢迎的编程语言，随着近些年机器学习、云计算等技术的发展，Python的职位需求越来越高。下面我收集了10个Pyth
- 在日常学习工作过程中，我们难免需要复用以前的项目，这里讲下复用 Django 项目并重命名的过程。1.修改项目名称，使用 pycharm -
- Asyncio 任务可以通过调用它们的 cancel() 方法来取消。我们可以通过将任务包装在对 asyncio.shield() 的调用中
- 1.问题及解决办法（1）问题：由于存储的时间戳是时间戳为GMT（格林尼治标准时间），以秒储存，但由于需要获取的是北京时间，存在时区问题。如何
- 本文作为属性篇的最后一篇文章, 将讲述HTML和CSS的关键—盒子模型(Box model). 理解Box model的关键便是margin
- 问题介绍电脑在使用过程中死机，重启后发现mysql没有启动成功，查看错误日志发现是innodb出现问题导致mysql启动失败。错误日志$ m
- 1、问题现象：2、解决办法：editor的字体设置为DialogInput补充知识：Python +Selenium 支持多项目集中配置文件
- 1.使用Docker安装Elasticsearch及其扩展获取镜像，可以通过网络pullsudo docker image pull del
- 前言Laravel 队列为不同的后台队列服务提供统一的 API，例如 Beanstalk，Amazon SQS，Redis，甚至其他基于关系
- 一、tensor的创建1.使用tensor小写字母的tensor接收具体的数据，可以直接按照numpy的方式输入数组。2.使用Tensor大
