javascript --- 利用節點關系訪問HTML元素

	<input type="button" value="父節點"onclick="change(curTarget.parentNode);" /><input type="button" value="第一個"onclick="change(curTarget.parentNode.firstChild.nextSibling);" /><input type="button" value="上一個"onclick="change(curTarget.previousSibling.previousSibling);" /><input type="button" value="下一個"onclick="change(curTarget.nextSibling.nextSibling);" /><input type="button" value="最后一個"onclick="change(curTarget.parentNode.lastChild.previousSibling);" />

獲取表單元素

<form id="d" action="" method="get"><input name="user" type="text" /> <br /><input name="pass" type="text" /> <br /><select name="color"><option value="red">紅色</option><option value="blue">藍色</option></select> <br /><input type="button" value="第一個" onclick="alert(document.getElementById('d').elements[0].value);" /><input type="button" value="第二個" onclick="alert(document.getElementById('d').elements['pass'].value);" /><input type="button" value="第三個" onclick="alert(document.getElementById('d').color.value);" /></form>

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/251320.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/251320.shtml
英文地址,請注明出處:http://en.pswp.cn/news/251320.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

mysql中列屬性

mysql列屬性包括&#xff1a;NULL 、default、comment、primary key、unique key 一、NULL定義方式&#xff1a;NULL&#xff08;默認&#xff09;  NOT NULL 空屬性有2個值&#xff0c;mysql數據庫默認字段都是為null的&#xff0c;但是在實際開發過程中&#xff0c;盡可能保…

前端知識點整理(三)不定時更新~

目錄 一、移動端跨平臺開發方案 Hybrid App React Native Weex Flutter PWA &#xff08;Progressive Web App&#xff09; 小程序 Cordova html5 組件和模塊的區別 組件化 模塊化 前端代碼規范 前端工程化理解 網站性能監測與優化策略 1.網絡傳輸性能優化 頁…

前端試題(一)

2020-03-28 金卡智能 *1. 腳手架 vue-cli現在用的什么版本&#xff0c;2版本了解多少&#xff0c;2 3有什么區別 絕對路徑與相對路徑 ./ 當前路徑 …/父路徑 / 絕對路徑 某文件里引用其他路徑下的資源&#xff1a; 判斷該文件所在文件夾與其他資源路徑間的關系。 什么&#…

html5 --- 利用localStorage進行本地存儲

首先做一個提交到本地存儲的表單及一個用來顯示本地localStorage信息的表格…代碼如下: <h2> 本地存儲用 </h2>標題: <input id"title" name"title" type"text" size"60" style"margin-left:32px;margin-bottom:…

Tomcat啟動阻塞變慢

Tomcat 熵池阻塞變慢詳解 Tomcat 啟動很慢&#xff0c;且日志上無任何錯誤&#xff0c;在日志中查看到如下信息&#xff1a; Log4j:[2015-10-29 15:47:11] INFO ReadProperty:172 - Loading properties file from class path resource [resources/jdbc.properties] Log4j:[201…

項目總結

123轉載于:https://www.cnblogs.com/kehuaihan/p/9284858.html

前端試題(二)

1. 數組方法、reduce()的第二個參數 reduce() MDN文檔 accumulator 累計器currentValue 當前值currentIndex 當前索引array 數組 在沒有初始值的空數組上調用 reduce 將報錯&#xff08;如果有initialValue不報錯&#xff09;。回調函數第一次執行時&#xff0c;accumulator…

項目中遇到問題的解決方法合集

以下內容主要是為了方便記錄自己在工作中遇到的項目問題搜尋到的解決方法&#xff0c;肯定方法不唯一&#xff0c;這里只是給出解決了我的問題的方法&#xff0c;大家走過路過隨便瞧瞧較好啦嘻嘻 1、使用vue/cli 4.x 創建vue項目時使用iconfont 圖標無法顯示——前者版本問題 …

JS展示預覽PDF。

剛好遇到需求&#xff0c;需要在手機端--展示一個電子收據&#xff0c;電子收據返回是PDF格式的&#xff0c;所以需要在前端上面去做PDF預覽。 在學習過程中&#xff0c;了解到一種很簡單&#xff0c;不需要任何插件的方法做PDF預覽&#xff0c;但是這方法有局限性. 代碼如下&a…

html5 --- IDBDatabase創建對象存儲和索引

代碼如下: <!DOCTYPE html> <html> <head><meta http-equiv"Content-Type" content"text/html; charsetutf-8" /><title> CRUD操作 </title><style type"text/css">table{width: 830px;border: 1px …

查詢數據庫 收集 (如某個字段不是中文)

查詢某個字段不為中文的 select * from 表名 where 字段名 REGEXP [\u0391-\uFFE5] 查詢某個字段以數字開頭 select * from 表名 where 字段名 REGEXP [0-9].*轉載于:https://www.cnblogs.com/spicy/p/8038442.html

2019大疆PC軟件開發筆試——開關和燈泡兩個電路板

題目描述: 小A是一名DIY愛好者&#xff0c;經常制作一些有趣的東西。 今天&#xff0c;小A突然想要來做這樣一個東西。小A現在有兩塊同樣大小為nm&#xff0c;有nm塊大小為11小電路板拼成的矩形電路板&#xff0c;假設叫做電路板A和電路板B。電路板A上每個小電路板都是一個開關…

2019高校微信小程序開發大賽獲獎作品——《brain頭腦智序》

目錄 前言 交互流程說明圖 我的任務 登錄授權&#xff08;login&#xff09; 首頁&#xff08;tababr分析&#xff09; 房間準備區&#xff08;preparing&#xff09; 便簽編輯區 最終方案選擇&#xff08;房主權限&#xff09; 會議報告頁面&#xff08;report&#…

前端試題(三)

1. js繼承的7種方式 回顧&#xff1a; 每個構造函數都有一個原型對象&#xff1b;原型對象都包含一個指向構造函數的指針&#xff1b;實例都包含一個指向原型對象的內部指針&#xff1b;一切皆為對象&#xff0c;只要是對象&#xff0c;就會有 proto 屬性&#xff0c;該屬性存…

javascript --- ES6模塊與CommonJS模塊的差異

CommonJS模塊是運行時加載,ES6模塊是編譯時輸出接口 是因為CommonJS加載的是一個對象(module.exports屬性),該對象只有在腳本運行結束時才會生成.而ES6模塊不是對象,它的對外接口只是一種靜態定義,在代碼靜態解析階段就會生成. CommonJS模塊輸出的是一個值的復制&#xff0c;E…

C# ASP 面試題 2017

在博客上看到的&#xff0c;感覺還不錯 https://www.cnblogs.com/renyiqiu/p/6435261.html 轉載于:https://www.cnblogs.com/yangsirc/p/8038555.html

享元模式 - 結構型模式

模式類型&#xff1a; Flyweight 享元模式 - 結構型模式 意圖&#xff1a; The intent of this pattern is to use sharing to support a large number of objects that have part of their internal state in common where the other part of state can vary. 運用共享…

前端試題(四)

1. vue過濾器使用場景 2. v-on綁定多個方法 <p v-on"{click:dbClick,mousemove:MouseClick}"></p>一個事件綁定多個函數&#xff1a; <p click"one(),two()">點擊</p>3. 在菜單結構不確定時&#xff0c;前端如何動態渲染 樹形…

http --- 用于HTTP調試的最小型Perl Web 服務器

下面的程序是個很有用戶的診斷工具,可以用來調試與客戶端和代理的交互情況. 該程序 首先會等待HTTP連接,只有收到請求報文,就會將報文打印在屏幕上,然后等待用戶輸入一條響應報文,并將其回送給客戶端. #! /usr/bin/perl use Socket; use Carp; use FileHandle;# (1) use prot …

Mysql - 安裝與配置

1、下載安裝包 > https://www.mysql.com/downloads/ 2、雙擊安裝&#xff0c;點擊Install MySQL Products > 3、Skip 打鉤&#xff0c;Next下一步 > 4、選擇Server only&#xff1a;只選擇安裝服務端&#xff0c;根據個人喜好更改安裝路徑和數據保存路徑…