js removeChild


 removeChild():删除元素只能通过直接父元素删除,没有自删
1 <select id="city" size="6" style="width:100px">
2 <option>湖南0</option>
3 <option>湖北1</option>
4 <option>广东2</option>
5 <option>广西3</option>
6 <option>山东4</option>
7 <option>山西5</option>
8 </select>
9 <script type="text/javascript">
10 //双击删除选中的元素
11 var cityElement = document.getElementById("city");
12 cityElement.ondblclick = function(){
13 //this就表示select元素
14 //获取选中的索引号
15 var index = this.selectedIndex;
16 //获取选中的元素
17
18 var optionElement = this[index];
19 //var optionElement=document.getElementsByTagName("option")[index];
20 //删除元素
21 this.removeChild(optionElement);
22 }
23 </script>

js removeChild,布布扣,bubuko.com

时间: 2024-10-08 03:31:21

js removeChild的相关文章

[js高手之路] dom常用API【appendChild,insertBefore,removeChild,replaceChild,cloneNode】详解与应用

本文主要讲解DOM常用的CURD操作,appendChild(往后追加节点),insertBefore(往前追加节点),removeChild(移除节点),replaceChild(替换节点),cloneNode(克隆节点)的语法与实战应用 一.appendChild: 向元素的内部最后面增加一个节点,或者移动一个现有的节点到元素的内部最后面 用法: someNode.appendChild( newNode ) someNode通常为元素的父节点 返回值: 返回新增加的节点  1     <i

1.javaScript(JS)常用函数之 appendChild 和removeChild

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">1,追加与删除HTML元素</span> 创建HTML元素 var newEle =document.createElement("p"); 创建的元素追加到别的元素之后: A. appendChild(B): 若B是新建的元素,在A元素的所有子元素的末尾

原生JS写的ajax函数

参照JQuery中的ajax功能,用原生JS写了一个ajax,功能相对JQuery要少很多,不过基本功能都有,包括JSONP. 调用的方式分为两种: 1. ajax(url, {}); 2. ajax({}); 调用的方法参照JQuery的ajax,只是 不需要写$.ajax ,只需要写 ajax 就可以了. 代码如下: !function () { var jsonp_idx = 1; return ajax = function (url, options) { if (typeof url

点滴积累【JS】---JS实现仿百度模糊搜索效果

效果: HTML代码: 1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="InputText.aspx.cs" Inherits="DropDownLikeBaiDu.InputText" %> 2 3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&qu

Bootstrap源码:modal.js

modal.js对应的是bs的模态框组件.该组件主要有以下特点: 并不是绝对居中于浏览器窗口,而是水平居中,同时顶部距离浏览器顶部有一定的距离,其原因是因为modal框的内容可能出现滚动,垂直居中不太可能,它没有做成模态框内部滚动的效果: 动画是通过css3的translate实现的:transform: translate(0, -25%); 遮罩层的元素不是包含在modal里面的,而是与modal元素平级,都是body元素的子元素 不支持在已弹出的modal上继续弹框,主要是遮罩层叠加的问题

JS实例(一)

一:单选按钮,选择同意,提交变为可用,反正提交不可用: HTML里面代码: <form id="f1" name="f1"> <input type="radio" value="true" id="ok1" name="ok" onclick="doEnable()"/> <label for="ok1">同意

js添加元素,和删除当前元素

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="jquery-3.0.0.min.js"></script> </head> <body> <div class=&q

【JS】点击页面判断是否安装app并打开,否则跳转下载的方法

应用场景 App产品在运营推广上有一个需求,就是要求可以让用户在访问我们的推广网页时,就可以判断出这个用户手机上是否安装了我们的App,如果安装了则可以直接在网页上打开,否则就引导用户前往下载.从而形成一个推广上的闭环. 解决办法 而对于点击链接后,能否直接打开,可以通过下面的代码来实现.前提条件:你得知道你的APP对应的打开协议,如贴吧APP,协议为:com.baidu.tieba:// ,微信的:weixin:// ,等等 1 <!-- a标签点击打开的动作,在click事件中注册 -->

js实现点气球小游戏

二话不说直接贴代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>点气球</title> </head> <body> <!-- 实现功能: js生成div 在页面上向上移动 已不同的速度 点击气球 气球爆炸消失 1.js生成div标签 并初始化 1 一次生成10个 2