এইচটিএমএলে বৈশিষ্ট্য এবং বৈশিষ্ট্যের মধ্যে পার্থক্য কী?

Question

JQuery 1.6.1 এ পরিবর্তনগুলি করার পরে, আমি এইচটিএমএলে বৈশিষ্ট্য এবং বৈশিষ্ট্যের মধ্যে পার্থক্যটি সংজ্ঞায়িত করার চেষ্টা করছি।

JQuery 1.6.1 রিলিজ নোটের (নীচের দিকে) তালিকার দিকে তাকালে মনে হয় যে কেউ এইচটিএমএল বৈশিষ্ট্য এবং বৈশিষ্ট্যগুলি নিম্নরূপে শ্রেণিবদ্ধ করতে পারে:

• বৈশিষ্ট্য: যেগুলির মধ্যে একটিতে বুলিয়ান মান রয়েছে বা এটি ইউএ গণিত যেমন নির্বাচিত ইনডেক্স।

• বৈশিষ্ট্য: 'বৈশিষ্ট্য' যা কোনও এইচটিএমএল উপাদানগুলিতে যুক্ত করা যেতে পারে যা না বুলিয়ান হয় না এবং সংযুক্ত আরব আমিরাতের উত্পন্ন মানও থাকে না।

থটস?

Comments

.Prop () বনাম .ttr ()

— নফতালি ওরফে নীল

Answer 1

এইচটিএমএল উত্স কোড লেখার সময়, আপনি আপনার এইচটিএমএল উপাদানগুলিতে বৈশিষ্ট্যগুলি সংজ্ঞায়িত করতে পারেন । তারপরে, ব্রাউজারটি একবার আপনার কোডটিকে বিশ্লেষণ করলে, সংশ্লিষ্ট ডিওএম নোড তৈরি হবে। এই নোড একটি অবজেক্ট এবং তাই এর বৈশিষ্ট্য রয়েছে ।

উদাহরণস্বরূপ, এই এইচটিএমএল উপাদান:

<input type="text" value="Name:">

এর 2 টি বৈশিষ্ট্য ( typeএবং value) রয়েছে।

ব্রাউজারটি এই কোডটি বিশ্লেষণ করার পরে , এইচটিএমএলপিন্ট উপাদান উপাদান তৈরি হবে, এবং এই অবজেক্টটিতে কয়েক ডজন বৈশিষ্ট্য থাকবে যেমন: স্বীকৃতি, অ্যাক্সেসকি, সারিবদ্ধ, Alt, বৈশিষ্ট্য, অটোফোকাস, বেসুরি, চেকড, চাইল্ড এলিমেন্টকাউন্ট, চাইল্ডনোডস, শিশু, ক্লাসলিস্ট, ক্লাসনেম, ক্লায়েন্টহাইট ইত্যাদি

প্রদত্ত ডিওএম নোড অবজেক্টের জন্য বৈশিষ্ট্য হ'ল সেই বস্তুর বৈশিষ্ট্য এবং বৈশিষ্ট্যগুলি হ'ল সেই বস্তুর বৈশিষ্ট্যের উপাদান attributes।

যখন কোনও ডিওএম নোড কোনও প্রদত্ত এইচটিএমএল উপাদানটির জন্য তৈরি করা হয়, তখন এর অনেকগুলি বৈশিষ্ট্য একই বা অনুরূপ নামের সাথে বৈশিষ্ট্যের সাথে সম্পর্কিত তবে এটি একে অপরের সাথে সম্পর্ক নয়। উদাহরণস্বরূপ, এই এইচটিএমএল উপাদানটির জন্য:

<input id="the-input" type="text" value="Name:">

সংশ্লিষ্ট DOM নোড থাকবে id, typeএবং valueবৈশিষ্ট্যাবলী (অন্যদের মধ্যে):

• idসম্পত্তি একটি হল প্রতিফলিত সম্পত্তি জন্য idঅ্যাট্রিবিউট: সম্পত্তি পথ অ্যাট্রিবিউট মান সার্চ, এবং সম্পত্তি সেটিং অ্যাট্রিবিউট মান লিখেছেন। idএকটি খাঁটি প্রতিফলিত সম্পত্তি, এটি মানটি পরিবর্তন বা সীমাবদ্ধ করে না।

• typeসম্পত্তি একটি হল প্রতিফলিত সম্পত্তি জন্য typeঅ্যাট্রিবিউট: সম্পত্তি পথ অ্যাট্রিবিউট মান সার্চ, এবং সম্পত্তি সেটিং অ্যাট্রিবিউট মান লিখেছেন। typeখাঁটি প্রতিবিম্বিত সম্পত্তি নয় কারণ এটি জ্ঞাত মানগুলিতে সীমাবদ্ধ (যেমন, কোনও ইনপুটের বৈধ প্রকার)। যদি আপনার ছিল <input type="foo">, তবে theInput.getAttribute("type")আপনাকে দেয় "foo"কিন্তু theInput.typeআপনাকে দেয় "text"।

• বিপরীতে, valueসম্পত্তি valueগুণাবলী প্রতিফলিত করে না । পরিবর্তে, এটি ইনপুটটির বর্তমান মান । যখন ব্যবহারকারী ম্যানুয়ালি ইনপুট বাক্সের মান পরিবর্তন করে, valueসম্পত্তি এই পরিবর্তনটি প্রতিফলিত করবে। সুতরাং যদি ব্যবহারকারী "John"ইনপুট বাক্সে প্রবেশ করে, তবে:

  theInput.value // returns "John"

  যেহেতু:

  theInput.getAttribute('value') // returns "Name:"

  valueসম্পত্তি প্রতিফলিত বর্তমান যেহেতু, টেক্সট-সামগ্রী ইনপুট বক্সের ভিতরে valueঅ্যাট্রিবিউট রয়েছে প্রাথমিক পাঠ্য-সামগ্রী valueএইচটিএমএল সোর্স কোড থেকে অ্যাট্রিবিউট।

  সুতরাং আপনি যদি টেক্সট-বাক্সের ভিতরে বর্তমানে কী জানতে চান তবে সম্পত্তিটি পড়ুন। আপনি যদি পাঠ্য বাক্সের প্রাথমিক মানটি জানতে চান তবে বৈশিষ্ট্যটি পড়ুন। অথবা আপনি defaultValueসম্পত্তিটি ব্যবহার করতে পারেন যা valueগুণাবলীর বিশুদ্ধ প্রতিচ্ছবি :

  theInput.value                 // returns "John"
  theInput.getAttribute('value') // returns "Name:"
  theInput.defaultValue          // returns "Name:"

বিভিন্ন বৈশিষ্ট্য যে সরাসরি তাদের অ্যাট্রিবিউট (প্রতিফলিত হয় rel, id), কিছু সামান্য-বিভিন্ন নাম সঙ্গে সরাসরি প্রতিচ্ছবি (হয় htmlForপ্রতিফলিত forগুণ, classNameপ্রতিফলিত classবৈশিষ্ট্য), অনেক যে তাদের অ্যাট্রিবিউট প্রতিফলিত কিন্তু সীমাবদ্ধতা / পরিবর্তন (সঙ্গে src, href, disabled, multiple), তাই এবং চালু. চশমা বিভিন্ন ধরণের প্রতিবিম্ব জুড়ে।

Comments

আরে সিম, আমি অনুমান করছি এটি বেশ অস্পষ্ট, বিশেষ করে যদি আপনি এখানে দেখুন: w3.org/TR/html4/index/attributes.html , এবং কোনও পরিষ্কার কাটা উত্তর নেই। একজনকে মূলত jQuery ব্লগের সংক্ষিপ্তসারে যা বলা হয়েছে তা অনুসরণ করা দরকার এবং তারপরেও, একজন

— অন্যটিকে

@oss আপনার লিঙ্কটি এইচটিএমএল বৈশিষ্ট্যের তালিকাকে বোঝায়। এই তালিকাটি অস্পষ্ট নয় - এগুলি বৈশিষ্ট্য।

— Vidime Vidas

সম্পর্ক সম্পর্কে কিছু নথি আছে? @ ŠimeVidas

— এসকিং 7

যেখানে আমি বৈশিষ্ট্যগুলির (যেমন for-> htmlFor) বৈশিষ্ট্যের সম্পূর্ণ তালিকা এবং একইভাবে বৈশিষ্ট্যগুলির একটি তালিকা খুঁজে পেতে পারি যা একটি গুণ থেকে প্রাথমিক স্তরের মূল্য নেয়, তবুও এটি প্রতিফলিত করে না ( input.value)। আমি আশা করি এটি github.com/Matt-Esch/virtual-dom এর মতো কোনও লাইব্রেরির উত্সের কোথাও হবে তবে এটি আসলে নথিভুক্ত নয়।

— sstur

@ পিম আমি নিজে এটি পড়ি নি, তবে এই 4-অংশের নিবন্ধ সিরিজটি দুর্দান্ত উত্স বলে মনে হচ্ছে: twitter.com/addyosmani/status/1082177515618295808

— Šime Vidas

Answer 2

সিম বিদাসের উত্তর পড়ার পরে , আমি আরও অনুসন্ধান করেছি এবং কৌনিক ডকগুলিতে খুব সোজা-এগিয়ে এবং সহজেই বোঝার ব্যাখ্যাটি পেয়েছি ।

এইচটিএমএল বৈশিষ্ট্য বনাম ডিওএম সম্পত্তি

---

বৈশিষ্ট্যগুলি এইচটিএমএল দ্বারা সংজ্ঞায়িত করা হয়। বৈশিষ্ট্যগুলি ডিওএম (ডকুমেন্ট অবজেক্ট মডেল) দ্বারা সংজ্ঞায়িত করা হয়।

• কয়েকটি এইচটিএমএল বৈশিষ্ট্যের বৈশিষ্ট্যগুলিতে 1: 1 ম্যাপিং রয়েছে। idএকটি উদাহরণ।

• কিছু HTML বৈশিষ্ট্যের সাথে সম্পর্কিত বৈশিষ্ট্য নেই। colspanএকটি উদাহরণ।

• কিছু DOM বৈশিষ্ট্যের সাথে সম্পর্কিত বৈশিষ্ট্য নেই। textContent একটি উদাহরণ।

• অনেকগুলি HTML বৈশিষ্ট্য বৈশিষ্ট্যগুলিতে মানচিত্রে উপস্থিত হয় ... তবে আপনি যেভাবে ভাবেন সেভাবে নয়!

এই সাধারণ বিভাগটি বিভ্রান্তিকর হয় যতক্ষণ না আপনি এই সাধারণ নিয়মটি উপলব্ধি করেন:

বৈশিষ্ট্যগুলি DOM বৈশিষ্ট্য আরম্ভ করে এবং তারপরে তা সম্পন্ন হয়। সম্পত্তির মান পরিবর্তন হতে পারে; বৈশিষ্ট্য মানগুলি পারে না।

উদাহরণস্বরূপ, ব্রাউজারটি যখন রেন্ডার করে <input type="text" value="Bob">, তখন এটি value"বব" থেকে প্রারম্ভিক কোনও সম্পত্তি সহ একটি संबंधित ডিওএম নোড তৈরি করে ।

যখন ব্যবহারকারী "স্যালি" ইনপুট বাক্সে প্রবেশ করে তখন DOM উপাদানটির value সম্পত্তি "স্যালি" হয়ে যায়। এইচটিএমএল value বৈশিষ্ট্যটি অপরিবর্তিত রয়েছে কারণ আপনি আবিষ্কার করেন যে যদি সেই বৈশিষ্ট্য সম্পর্কে ইনপুট উপাদানটি জিজ্ঞাসা করে: input.getAttribute('value')"বব" প্রদান করে।

এইচটিএমএল বৈশিষ্ট্য প্রাথমিক মান valueনির্দিষ্ট করে ; ডোম সম্পত্তিটি বর্তমান মান।value

---

disabledঅ্যাট্রিবিউট অন্য অদ্ভুত উদাহরণ। একটি বোতামের disabledসম্পত্তি falseডিফল্টরূপে তাই বোতামটি সক্ষম হয়। আপনি যোগ যখন disabledঅ্যাট্রিবিউট, তার একা উপস্থিতি বোতাম এর সূচনা disabledকরার সম্পত্তি trueযাতে বোতাম অক্ষম করা আছে।

disabledবৈশিষ্ট্য যুক্ত করা এবং অপসারণ বোতামটিকে অক্ষম করে এবং সক্ষম করে। বৈশিষ্ট্যের মান অপ্রাসঙ্গিক, এ কারণেই আপনি লেখার মাধ্যমে একটি বোতাম সক্ষম করতে পারবেন না<button disabled="false">Still Disabled</button>.

বোতামের disabled সম্পত্তি সেট করা বোতামটি অক্ষম করে বা সক্ষম করে। সম্পত্তি মূল্য মূল্য ।

এইচটিএমএল বৈশিষ্ট্য এবং ডোম বৈশিষ্ট্য একই জিনিস নয়, এমনকি যদি তাদের একই নাম থাকে।

Comments

এই উদাহরণটি সঠিক নয়: colspanবৈশিষ্ট্যের colSpanসম্পত্তি রয়েছে। ... সুতরাং, কোন বৈশিষ্ট্যের এখন সম্পর্কিত সম্পত্তি নেই?

— রবার্ট সিমার

Answer 3

উত্তরগুলি ইতিমধ্যে ব্যাখ্যা করে যে কীভাবে গুণাবলী এবং বৈশিষ্ট্যগুলি পৃথকভাবে পরিচালনা করা হয়, তবে আমি সত্যিই এটি উল্লেখ করতে চাই যে এটি সম্পূর্ণ উন্মাদ is এমনকি কিছুটা হলেও জল্পনাও থাকে না।

এটি পাগল, ডিওএম-তে কেবলমাত্র এক ধরণের মান ধরে রাখার জন্য কয়েকটি বৈশিষ্ট্য (যেমন আইডি, শ্রেণি, ফু, বার ) থাকা, আবার কিছু বৈশিষ্ট্য (যেমন পরীক্ষা করা, নির্বাচিত ) দুটি মান বজায় রাখতে; এটি হ'ল "যখন এটি লোড করা হয়েছিল" এবং "গতিশীল অবস্থার" মান। ( ডিওএমের কী পুরোপুরি নথির স্থিতি উপস্থাপন করার কথা নয় ?)

এটি একেবারে প্রয়োজনীয়, যে দুটি ইনপুট ক্ষেত্র , যেমন একটি পাঠ্য এবং একটি চেকবাক্স একইভাবে আচরণ করে । যদি পাঠ্য ইনপুট ক্ষেত্রটি পৃথক "যখন এটি লোড করা হত" মান এবং "বর্তমান, গতিশীল" মান ধরে না রাখে, তবে চেকবক্সটি কেন করবে? যদি চেকবক্সটির পরীক্ষিত বৈশিষ্ট্যের জন্য দুটি মান থাকে তবে এটির শ্রেণি এবং আইডি বৈশিষ্ট্যের জন্য দুটি কেন হয় না ? আপনি যদি কোনও পাঠ্য * ইনপুট * ক্ষেত্রের মান পরিবর্তন করতে চান এবং আপনি DOM (অর্থাত্ "সিরিয়ালযুক্ত উপস্থাপনা") পরিবর্তনের প্রত্যাশা করেন এবং এই পরিবর্তনটি প্রতিবিম্বিত করেন তবে কেন পৃথিবীতে আপনি কোনও ইনপুট ক্ষেত্র থেকে একই আশা করবেন না? চেকবাক্স টাইপ করুন চেক করা গুণাবলী উপর?

"এটি একটি বুলিয়ান অ্যাট্রিবিউট" এর পার্থক্যটি কেবল আমার কাছে কোনও ধারণা দেয় না বা এটি অন্ততপক্ষে যথেষ্ট কারণ নয় not

Comments

এটি কোনও উত্তর নয় তবে আমি আপনার সাথে একমত; এটা সম্পূর্ণ উন্মাদ।

— শমূয়েল

হ্যাঁ এই ধারণাটি সফল হয় এবং এটিকে খুব খারাপভাবে মানক করা উচিত নয়। এটি ক্ষেত্রে অন্যতম একটি উদাহরণ ছিল (উদাহরণস্বরূপ অভ্যন্তরীণ এইচটিএমএল) যা পুরানো আইইতে ভাল ছিল এবং মানদণ্ডগুলি গ্রহণ করা উচিত ছিল। বৈশিষ্ট্য এবং বৈশিষ্ট্যগুলি যেখানেই সম্ভব সিংক্রোনাইজ করা হয়েছিল, এমনকি কাস্টম বৈশিষ্ট্যগুলিও খুব সুন্দর পাঠযোগ্য জেএস ডট সিনট্যাক্স তৈরি করে। এইচটিএমএল 5 টি কাস্টম এইচটিএমএল ট্যাগকে প্রথম শ্রেণীর নাগরিক করে তোলে, কাস্টম বৈশিষ্ট্যগুলিও হওয়া উচিত। পুরানো আইই এখনও একটি আসল সমস্যা হওয়ায় এই বৈশিষ্ট্যটি সরানো হচ্ছে - আমরা কেবল এখন পুরানো সিস্টেমগুলির জন্য আইআই 10 এ ভাঙ্গা খুঁজে পেয়ে অনেকগুলি কর্পোরেশন traditionতিহ্যগতভাবে আইইয়ের সাথে আটকে দেখছি।

— মাইক নেলসন

এটি উন্মাদ নয়। আপনি ভুল বুঝেছেন। checkedঅ্যাট্রিবিউট দ্বারা প্রতিনিধিত্ব করা হয় defaultCheckedসম্পত্তি (একইভাবে একটি টেক্সট ইনপুট জন্য valueঅ্যাট্রিবিউট দ্বারা প্রতিনিধিত্ব করা হয় defaultValueসম্পত্তি)। দ্বিতীয় সম্পত্তি,, checkedচেকবক্সটি চেক করা হয়েছে কিনা তা উপস্থাপন করা প্রয়োজন কারণ এটি একটি চেকবক্সের কার্যকারিতার অন্তর্গত অংশ: এটি ইন্টারেক্টিভ এবং পরিবর্তিত হতে পারে (এবং কোনও ফর্ম রিসেট বোতাম উপস্থিত থাকলে ডিফল্টে রিসেট করুন) ব্যবহারকারীর দ্বারা , এমন কোনও উপায়ে যা অন্য বৈশিষ্ট্য যেমন idনেই। এটি একটি বুলিয়ান বৈশিষ্ট্য এই বিষয়টি নিয়ে কিছুই করার নেই।

— টিম ডাউন

@ টিমডাউন - ধন্যবাদ ওটা আসলে আমাকে ডাব্লুটিএফের উপর দিয়ে গেছে? কুঁজ.

— পেডজ

@ টিমডাউন আমি এখনও এটি "উন্মাদ" বলে মনে করি কারণ যে কোনও যৌক্তিক পদ্ধতির সাথে সম্পত্তির নাম এবং বৈশিষ্ট্যটির নাম মিলবে, বা কমপক্ষে কোনও অ্যাট্রিবিউট নাম এবং সম্পত্তি নামের মিল নেই যা সম্পর্কিত নয় (উদাহরণস্বরূপ চেক করা অ্যাট্রিবিউটটি ডিফল্টকে চেক করা হয়েছে সম্পত্তি যাচাই করা সম্পত্তি সম্পর্কিত নয়)। প্রকৃতপক্ষে, লজিক্যাল পদ্ধতির প্রত্যেকে যে ধারণাটি গ্রহণ করবে তা হ'ল শুরুর ক্ষেত্রে বৈশিষ্ট্য এবং বৈশিষ্ট্যগুলি একেবারেই আলাদা না করা। বৈশিষ্ট্যগুলি অপরিবর্তনীয় নয়, তবে সর্বদা সম্পত্তি মানগুলি প্রতিফলিত করে। দুজনের মধ্যে কোনও পার্থক্য থাকা উচিত নয়।

— ডালিন

Answer 4

এগুলি ডাব্লু 3 সি দ্বারা নির্দিষ্ট করা হয়েছে একটি বৈশিষ্ট্য কী এবং কোনও সম্পত্তি কী তা http://www.w3.org/TR/SVGTiny12/attributeTable.html

তবে বর্তমানে অ্যাটর এবং প্রপ এত আলাদা নয় এবং প্রায় একই রকম রয়েছে

তবে তারা কিছু জিনিসের জন্য প্রপাকে পছন্দ করে

পছন্দসই ব্যবহারের সংক্ষিপ্তসার

.Prop () পদ্ধতিটি বুলিয়ান বৈশিষ্ট্য / বৈশিষ্ট্যগুলির জন্য এবং এমন বৈশিষ্ট্যগুলির জন্য ব্যবহার করা উচিত যা এইচটিএমএলতে নেই (যেমন উইন্ডো.লোকেশন)। অন্যান্য সমস্ত বৈশিষ্ট্য (আপনি এইচটিএমএল এ দেখতে পারেন) .attr () পদ্ধতিতে চালিত হতে এবং চালিয়ে যাওয়া উচিত।

আসলে আপনি অ্যাটর বা প্রপ বা উভয় উভয়ই ব্যবহার করেন তবে আপনাকে কিছু পরিবর্তন করতে হবে না তবে আমি আমার নিজের অ্যাপ্লিকেশনটিতে দেখেছি যে প্রপ কাজ করেছে যেখানে অ্যাটর কাজ করেনি তাই আমি আমার 1.6 অ্যাপ্লিকেশন প্রপ = এ নিয়েছি)

Comments

আরে ড্যানিয়েল, আমি এটি পড়েছি। কেবল দু'টিকে আলাদা করার জন্য পরিষ্কার কাটা সংজ্ঞা রয়েছে বলে মনে হয়, নীচে সিম যা উল্লেখ করেছেন তার মধ্যে কিছু এইচটিএমএল উপাদানও যুক্ত করা যেতে পারে, উদাহরণস্বরূপ, Alt। এইচটিএমএল কিছু অনুমান পড়তে থাকবে এবং বাস্তবে দু'টিকে স্পষ্টভাবে আলাদা করার কোনও উপায় আছে কিনা তা দেখুন see

— schalkneethling

এই নথিটি এইচটিএমএল নয় এসভিজির সাথে সম্পর্কিত।

— লুজাডো

Answer 5

পার্থক্য এইচটিএমএল বৈশিষ্ট্য এবং বৈশিষ্ট্য:

এইচটিএমএল মধ্যে পার্থক্য কী তা মূল্যায়ন করার আগে প্রথমে এই শব্দের সংজ্ঞাটি দেখুন:

ইংরেজি সংজ্ঞা:

• বৈশিষ্ট্যগুলি কোনও বস্তুর অতিরিক্ত তথ্য উল্লেখ করে।
• বৈশিষ্ট্যগুলি কোনও সামগ্রীর বৈশিষ্ট্য বর্ণনা করে।

এইচটিএমএল প্রসঙ্গে:

ব্রাউজারটি যখন এইচটিএমএলকে বিশ্লেষণ করে তখন এটি একটি ট্রি ডেটা স্ট্রাকচার তৈরি করে যা মূলত এইচটিএমএলের মেমরির উপস্থাপনা। এটি ট্রি ডেটা স্ট্রাকচারে নোড রয়েছে যা এইচটিএমএল উপাদান এবং পাঠ্য। এর সাথে সম্পর্কিত বৈশিষ্ট্য এবং বৈশিষ্ট্যগুলি নিম্নলিখিত পদ্ধতি:

• বৈশিষ্ট্যগুলি অতিরিক্ত তথ্য যা আমরা কিছু নির্দিষ্ট ডিওএম বৈশিষ্ট্য আরম্ভ করার জন্য এইচটিএমএলে রাখতে পারি ।
• প্রোপার্টি গঠিত হয় যখন ব্রাউজার এইচটিএমএল parses এবং DOM জেনারেট করে। ডোমের প্রতিটি উপাদানগুলির নিজস্ব বৈশিষ্ট্যগুলির সেট রয়েছে যা ব্রাউজার দ্বারা সেট করা আছে। এই বৈশিষ্ট্যগুলির মধ্যে কয়েকটিতে এইচটিএমএল বৈশিষ্ট্যগুলির দ্বারা তাদের প্রাথমিক মান সেট করা যেতে পারে। যখনই কোনও ডম বৈশিষ্ট্য পরিবর্তিত পৃষ্ঠায় প্রভাব ফেলে তখনই পৃষ্ঠাটি তত্ক্ষণাত রেন্ডার হয়ে যাবে

এগুলি উপলব্ধি করাও গুরুত্বপূর্ণ যে এই বৈশিষ্ট্যগুলির ম্যাপিং 1 থেকে 1 নয় অন্য কথায়, আমরা একটি এইচটিএমএল উপাদানগুলিতে যে সমস্ত বৈশিষ্ট্য দেই না তার একই নামযুক্ত ডিওএম সম্পত্তি থাকবে না।

তদাতিরিক্ত বিভিন্ন DOM উপাদান বিভিন্ন বৈশিষ্ট্য আছে। উদাহরণস্বরূপ, একটি <input>উপাদানের একটি মান সম্পত্তি রয়েছে যা কোনও <div>সম্পত্তিতে উপস্থিত হয় না ।

উদাহরণ:

আসুন নীচের এইচটিএমএল ডকুমেন্টটি নেওয়া যাক:

 <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">  <!-- charset is a attribute -->
  <meta name="viewport" content="width=device-width"> <!-- name and content are attributes -->
  <title>JS Bin</title>
</head>
<body>
<div id="foo" class="bar foobar">hi</div> <!-- id and class are attributes -->
</body>
</html>

তারপরে আমরা <div>জেএস কনসোলে, পরিদর্শন করব :

 console.dir(document.getElementById('foo'));

আমরা নিম্নলিখিত ডোম বৈশিষ্ট্যগুলি (ক্রোম ডেভোলগুলি, সমস্ত বৈশিষ্ট্য দেখানো হয় না) দেখতে পাই:

• আমরা দেখতে পাচ্ছি যে এইচটিএমএল এর বৈশিষ্ট্য আইডি এখন ডিওমে একটি আইডি সম্পত্তি is আইডিটি HTML দ্বারা শুরু করা হয়েছে (যদিও আমরা এটি জাভাস্ক্রিপ্ট দিয়ে পরিবর্তন করতে পারি)।
• আমরা দেখতে পাচ্ছি যে এইচটিএমএলে শ্রেণির বৈশিষ্ট্যের কোনও সম্পর্কিত শ্রেণীর সম্পত্তি নেই ( classজেএসে সংরক্ষিত কীওয়ার্ড)। তবে আসলে 2 টি সম্পত্তি, classListএবং className।