คำถามติดแท็ก dom

Document Object Model (DOM) เป็นวิธีการทางโปรแกรมโดยอ้างถึงองค์ประกอบของภาษามาร์กอัปเช่น XML และ HTML ใช้กับ [javascript] หรือภาษาโปรแกรมอื่น ๆ ที่มีเครื่องมือแยกวิเคราะห์ DOM

25
ตรวจสอบว่าองค์ประกอบมีคลาสใน JavaScript หรือไม่?
ใช้ JavaScript ธรรมดา (ไม่ใช่ jQuery) มีวิธีการตรวจสอบว่าองค์ประกอบมีคลาสหรือไม่? ขณะนี้ฉันกำลังทำสิ่งนี้: var test = document.getElementById("test"); var testClass = test.className; switch (testClass) { case "class1": test.innerHTML = "I have class1"; break; case "class2": test.innerHTML = "I have class2"; break; case "class3": test.innerHTML = "I have class3"; break; case "class4": test.innerHTML = "I have class4"; break; …
586 javascript  html  css  dom 
16
jQuery ค้นหาตัวจัดการเหตุการณ์ที่ลงทะเบียนกับวัตถุ
Наэтотвопросестьответына Stack Overflow нарусском : JQuery поискобработчикасобытияобъекта ฉันต้องการค้นหาตัวจัดการเหตุการณ์ที่ลงทะเบียนกับวัตถุ ตัวอย่างเช่น: $("#el").click(function() {...}); $("#el").mouseover(function() {...}); $("#el")ได้คลิกและลงทะเบียนmouseoverแล้ว มีฟังก์ชั่นเพื่อค้นหาสิ่งนั้นและอาจย้ำไปที่ตัวจัดการเหตุการณ์หรือไม่? ถ้ามันเป็นไปไม่ได้บนวัตถุ jQuery ด้วยวิธีการที่เหมาะสมมันเป็นไปได้ในวัตถุ DOM ธรรมดาหรือไม่?
555 jquery  events  dom 
5
ความแตกต่างระหว่าง DOM parentNode และ parentElement
ใครบางคนในการอธิบายให้ฉันเข้าใจได้ง่ายที่สุดเท่าที่จะเป็นไปได้ความแตกต่างระหว่างparent DOM รุ่นคลาสสิคและรุ่นใหม่ที่แนะนำใน Firefox 9 parentElement คืออะไร
501 javascript  firefox  dom 
9
ทำไม jQuery หรือวิธี DOM เช่น getElementById ไม่พบองค์ประกอบ?
อะไรคือเหตุผลที่เป็นไปได้สำหรับdocument.getElementById, $("#id")หรือวิธี DOM / jQuery ตัวเลือกอื่น ๆ ที่ไม่ได้หาองค์ประกอบ? ตัวอย่างปัญหาประกอบด้วย: jQuery ล้มเหลวในการผูกตัวจัดการเหตุการณ์อย่างเงียบ ๆ jQuery "ทะเยอทะยาน" วิธีการ ( .val(), .html(), .text()) กลับมาundefined วิธี DOM มาตรฐานที่ส่งคืนnullทำให้เกิดข้อผิดพลาดหลายประการ: Uncaught TypeError: ไม่สามารถตั้งค่าคุณสมบัติ '... ' ของ null ได้ Uncaught TypeError: ไม่สามารถอ่านคุณสมบัติ '... ' ของ null รูปแบบที่พบบ่อยที่สุดคือ: Uncaught TypeError: ไม่สามารถตั้งค่าคุณสมบัติ 'onclick' ของ null Uncaught TypeError: ไม่สามารถอ่านคุณสมบัติ 'addEventListener' เป็นโมฆะ …
483 javascript  jquery  dom 
12
วิธีที่มีประสิทธิภาพที่สุดในการสร้างองค์ประกอบ HTML โดยใช้ jQuery คืออะไร
เมื่อเร็ว ๆ นี้ฉันได้ทำป๊อปอัปหน้าต่างโมดอลมากมายและอะไรที่ฉันใช้ jQuery วิธีการที่ฉันใช้ในการสร้างองค์ประกอบใหม่บนหน้าเว็บนั้นมีมากมายตามแนวของ: $("<div></div>"); อย่างไรก็ตามฉันรู้สึกว่านี่ไม่ใช่วิธีที่ดีที่สุดหรือมีประสิทธิภาพมากที่สุดในการทำเช่นนี้ อะไรคือวิธีที่ดีที่สุดในการสร้างองค์ประกอบใน jQuery จากมุมมองประสิทธิภาพ คำตอบนี้มีเกณฑ์มาตรฐานสำหรับคำแนะนำด้านล่าง
425 javascript  jquery  html  dom 
24
ฉันจะตรวจสอบองค์ประกอบที่มีอยู่ใน DOM ที่มองเห็นได้อย่างไร
คุณจะทดสอบองค์ประกอบของการดำรงอยู่ได้อย่างไรโดยไม่ต้องใช้ getElementByIdวิธีการได้อย่างไร? ฉันได้ตั้งค่าการสาธิตสดสำหรับการอ้างอิง ฉันจะพิมพ์รหัสที่นี่เช่นกัน: <!DOCTYPE html> <html> <head> <script> var getRandomID = function (size) { var str = "", i = 0, chars = "0123456789abcdefghijklmnopqurstuvwxyzABCDEFGHIJKLMNOPQURSTUVWXYZ"; while (i < size) { str += chars.substr(Math.floor(Math.random() * 62), 1); i++; } return str; }, isNull = function (element) { var randomID = getRandomID(12), …
16
ฉันจะตั้งค่าองค์ประกอบของกล่องเลือกโดยใช้โปรแกรมได้อย่างไรโดยใช้ JavaScript?
ฉันมี<select>องค์ประกอบHTML ต่อไปนี้: <select id="leaveCode" name="leaveCode"> <option value="10">Annual Leave</option> <option value="11">Medical Leave</option> <option value="14">Long Service</option> <option value="17">Leave Without Pay</option> </select> การใช้ฟังก์ชั่น JavaScript ที่มีleaveCodeหมายเลขเป็นพารามิเตอร์ฉันจะเลือกตัวเลือกที่เหมาะสมในรายการได้อย่างไร
420 javascript  html  dom 
30
ตรวจหาการคลิกนอกองค์ประกอบการตอบโต้
ฉันกำลังมองหาวิธีการในการตรวจสอบหากมีเหตุการณ์เกิดขึ้นคลิกนอกขององค์ประกอบที่อธิบายไว้ในนี้บทความ jQuery nearby () ใช้เพื่อดูว่าเป้าหมายจากเหตุการณ์คลิกมีองค์ประกอบ dom เป็นหนึ่งในพาเรนต์หรือไม่ หากมีการแข่งขันเหตุการณ์คลิกเป็นของเด็ก ๆ คนหนึ่งและดังนั้นจึงไม่ถือว่าอยู่นอกองค์ประกอบ ดังนั้นในองค์ประกอบของฉันฉันต้องการแนบตัวจัดการการคลิกกับหน้าต่าง เมื่อผู้ควบคุมยิงฉันต้องเปรียบเทียบเป้าหมายกับลูกโดมขององค์ประกอบของฉัน เหตุการณ์คลิกมีคุณสมบัติเช่น "เส้นทาง" ซึ่งดูเหมือนว่าจะเก็บเส้นทาง dom ที่เหตุการณ์ได้เดินทาง ฉันไม่แน่ใจว่าจะเปรียบเทียบอะไรหรือจะสำรวจให้ดีที่สุดได้อย่างไรและฉันคิดว่าบางคนต้องใส่มันในฟังก์ชั่นยูทิลิตี้ที่ฉลาดอยู่แล้ว ... ไม่?
410 javascript  dom  reactjs 
5
ความแตกต่างระหว่างคุณสมบัติและคุณสมบัติใน HTML คืออะไร?
หลังจากการเปลี่ยนแปลงใน jQuery 1.6.1 ฉันได้พยายามกำหนดความแตกต่างระหว่างคุณสมบัติและคุณลักษณะใน HTML เมื่อดูรายการบันทึกย่อประจำรุ่น jQuery 1.6.1 (ใกล้ด้านล่าง) ดูเหมือนว่ามีคุณสมบัติและคุณสมบัติ HTML ดังนี้ คุณสมบัติ: ทั้งหมดซึ่งมีค่าบูลีนหรือที่มีการคำนวณ UA เช่น selectedIndex แอตทริบิวต์: 'แอตทริบิวต์' ที่สามารถเพิ่มลงในองค์ประกอบ HTML ซึ่งไม่ใช่บูลีนหรือมีค่าที่สร้าง UA คิด?
12
สำหรับลูปสำหรับองค์ประกอบ HTMLCollection
HTMLCollectionOfฉันพยายามที่จะได้รับรหัสชุดขององค์ประกอบทั้งหมดใน ฉันเขียนรหัสต่อไปนี้: var list = document.getElementsByClassName("events"); console.log(list[0].id); for (key in list) { console.log(key.id); } แต่ฉันได้ผลลัพธ์ต่อไปนี้ใน console: event1 undefined ซึ่งไม่ใช่สิ่งที่ฉันคาดหวัง ทำไมเอาต์พุตคอนโซลตัวที่สองundefinedแต่เอาต์พุตคอนโซลแรกคือevent1อะไร?
405 javascript  dom 
12
การละเมิดที่ไม่เปลี่ยนแปลง: _registerComponent (…): คอนเทนเนอร์เป้าหมายไม่ใช่องค์ประกอบ DOM
ฉันได้รับข้อผิดพลาดนี้หลังจากทำหน้าตัวอย่าง React เล็กน้อย ข้อผิดพลาดที่ไม่ได้แปล: การละเมิดที่ไม่เปลี่ยนแปลง: _registerComponent (... ): คอนเทนเนอร์เป้าหมายไม่ใช่องค์ประกอบ DOM นี่คือรหัสของฉัน: /** @jsx React.DOM */ 'use strict'; var React = require('react'); var App = React.createClass({ render() { return <h1>Yo</h1>; } }); React.renderComponent(<App />, document.body); HTML: <html> <head> <script src="/bundle.js"></script> </head> <body> </body> </html> สิ่งนี้หมายความว่า?
387 javascript  dom  reactjs 
4
ทำความเข้าใจกับ offsetWidth, clientWidth, scrollWidth และ -Height ตามลำดับ
มีคำถามหลายข้อเกี่ยวกับ StackOverflow เกี่ยวกับ offsetWidth / clientWidth / scrollWidth (และ -Height ตามลำดับ) แต่ไม่มีใครให้คำอธิบายที่ครอบคลุมเกี่ยวกับค่าเหล่านั้น นอกจากนี้ยังมีหลายแหล่งบนเว็บที่ให้ข้อมูลที่สับสนหรือไม่ถูกต้อง คุณสามารถให้คำอธิบายที่สมบูรณ์รวมถึงคำแนะนำที่มองเห็นได้บ้างไหม? นอกจากนี้ค่าเหล่านั้นสามารถใช้ในการคำนวณความกว้างของแถบเลื่อนได้อย่างไร?
385 html  css  dom 
18
ตรวจสอบว่าองค์ประกอบสามารถมองเห็นได้ใน DOM
มีวิธีใดบ้างที่ฉันสามารถตรวจสอบว่าองค์ประกอบมองเห็นได้ใน JS บริสุทธิ์ (ไม่มี jQuery)? ตัวอย่างเช่นในหน้านี้: จักรยานประสิทธิภาพถ้าคุณวางเมาส์เหนือดีล (บนเมนูด้านบน) จะมีหน้าต่างของดีลปรากฏขึ้น แต่ในตอนแรกมันจะไม่แสดง มันอยู่ใน HTML แต่มองไม่เห็น ดังนั้นเมื่อกำหนดองค์ประกอบ DOM ฉันจะตรวจสอบว่าสามารถมองเห็นได้หรือไม่ ฉันเหนื่อย: window.getComputedStyle(my_element)['display']); แต่ดูเหมือนจะไม่ทำงาน ฉันสงสัยว่าฉันควรตรวจสอบคุณลักษณะใด มันอยู่ในใจของฉัน: display !== 'none' visibility !== 'hidden' คนอื่นที่ฉันอาจหายไป?
377 javascript  dom 
5
เหตุใดแนวคิดของ React ของ Virtual DOM จึงมีประสิทธิภาพมากกว่าการตรวจสอบรุ่นที่สกปรก
ผมเห็นปฏิกิริยาพูดคุย dev ที่ ( พีทล่า: React: ทบทวนการปฏิบัติที่ดีที่สุด - JSConf สหภาพยุโรป 2013 ) และลำโพงที่กล่าวว่าสกปรกการตรวจสอบของรูปแบบได้ช้า แต่ไม่ได้คำนวณความแตกต่างระหว่าง DOM เสมือนจริงแม้จะมีประสิทธิภาพน้อยกว่าตั้งแต่ DOM เสมือนในกรณีส่วนใหญ่ควรมีขนาดใหญ่กว่าแบบจำลองใช่หรือไม่ ฉันชอบพลังที่อาจเกิดขึ้นของ Virtual DOM (โดยเฉพาะอย่างยิ่งการเรนเดอร์ฝั่งเซิร์ฟเวอร์) แต่ฉันต้องการทราบข้อดีและข้อเสียทั้งหมด
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.