2012-10-26 9 views
6

मैं क्रोम देव उपकरण में पृष्ठ पर एक नया तत्व जोड़ना चाहता हूं। यह काफी स्पष्ट कार्यक्षमता की तरह लगता है लेकिन मुझे यह प्रतीत नहीं होता है।मैं क्रोम देव टूल्स में कोई तत्व कैसे बना सकता हूं?

क्या क्रोम मुझे डोम टैब में तत्व बनाने की अनुमति देता है? मुझे एहसास है कि मैं जेएस कंसोल से कुछ कर सकता हूं, लेकिन डीओएम टैब पर कुछ ऐसा होगा।

उत्तर

8

पेरेंट तत्व पर बस ठीक क्लिक करें, 'HTML के रूप में संपादित करें' करने के लिए बदल और फिर जोड़ने के लिए जो भी तत्व आप चाहते हैं ...

+0

पर्याप्त मेला। मुझे आशा थी कि कुछ और स्पष्ट होगा ... – mikemaccana

3

डॉक्स के अनुसार F2 कुंजी में और संपादित से बाहर चयनित तत्व को चालू करना चाहिए मोड ताकि आप भीतर एक तत्व जोड़ सकें।

दुर्भाग्यवश, मैं एक ऐसे Chromebook का उपयोग कर रहा हूं जिसमें F2 कुंजी नहीं है।

1

या आप बस कंसोल को फायर कर सकते हैं और एक तत्व जोड़ सकते हैं। उदाहरण के लिए, अगर मैं इस विशेष stackoverflow.com पोस्ट पर नीचे करने के लिए किए गए:

$('.postcell').append('<code>Testing Element Insertion via Chrome</code>'); 

मैं चाहते तो नव संलग्न तत्व तुरंत तत्व टैब में दिखाई दे रहा देखें: enter image description here

0

Control- क्लिक Elements पैनल और Edit as HTML का चयन करने में शायद जाने के लिए सबसे अच्छा तरीका है, लेकिन आप कर सकते थे भी कंसोल में (जिज्ञासा की खातिर, और jQuery के लिए कोई ज़रूरत नहीं के साथ के लिए):

var child = document.createElement('div'); 
var parent = document.getElementByClassName('parent'); 
parent.appendChild(child); 

चीयर्स!

संबंधित मुद्दे