ট্যাগগুলিতে একাধিক বৈশিষ্ট্য থাকতে পারে। কোডটিতে বৈশিষ্ট্যগুলি ক্রম অনুসারে প্রদর্শিত হবে তা বিবেচনাধীন নয়। উদাহরণ স্বরূপ:
<a href="#" title="#">
<a title="#" href="#">
আমি কীভাবে জাভাস্ক্রিপ্টে এইচটিএমএলকে "স্বাভাবিক" করতে পারি, তাই বৈশিষ্ট্যের ক্রমটি সর্বদা একই থাকে? যতক্ষণ না সবসময় একই থাকে ততক্ষণ কোন আদেশটি চয়ন করা হয় তা আমি বিবেচনা করি না।
আপডেট : আমার মূল লক্ষ্যটি ছিল সামান্য পার্থক্যের সাথে 2 টি HTML পৃষ্ঠাকে আলাদা করা (জাভাস্ক্রিপ্টে) করা সহজ করা। ব্যবহারকারীরা কোড সম্পাদনা করতে বিভিন্ন সফ্টওয়্যার ব্যবহার করতে পারার কারণে বৈশিষ্ট্যের ক্রম পরিবর্তন হতে পারে। এটি পার্থক্যটিকে খুব ভার্জোজ করে তোলে।
উত্তর : ঠিক আছে, সমস্ত উত্তরের জন্য প্রথম ধন্যবাদ। এবং হ্যাঁ, এটি সম্ভব। এটি আমি কীভাবে পরিচালনা করতে পেরেছি তা এখানে। এটি ধারণার একটি প্রমাণ, এটি অবশ্যই অনুকূলিত করা যেতে পারে:
function sort_attributes(a, b) {
if( a.name == b.name) {
return 0;
}
return (a.name < b.name) ? -1 : 1;
}
$("#original").find('*').each(function() {
if (this.attributes.length > 1) {
var attributes = this.attributes;
var list = [];
for(var i =0; i < attributes.length; i++) {
list.push(attributes[i]);
}
list.sort(sort_attributes);
for(var i = 0; i < list.length; i++) {
this.removeAttribute(list[i].name, list[i].value);
}
for(var i = 0; i < list.length; i++) {
this.setAttribute(list[i].name, list[i].value);
}
}
});
ডিফারফের দ্বিতীয় উপাদানটির জন্য একই জিনিস $('#different')। এখন $('#original').html()এবং $('#different').html()একই ক্রমে বৈশিষ্ট্যযুক্ত এইচটিএমএল কোডটি দেখান।