альтернатива для .attr() в javascript

Question

$(this).attr('id':'name', visibility:'hidden', fill:'black', stroke-width:2) 

использовал этот подход для 1000 элементов для установки их атрибута. Все работает нормально, но .attr() занимает 10 мс для выполнения, мне нужно его оптимизировать, есть ли альтернатива для .attr().

Заранее спасибо

Answer 1

Вместо того чтобы изменять атрибуты непосредственно, почему бы не добавить класса к тем элементам, которые определяются иметь атрибуты, которые вы хотите?

Я провел тест производительности здесь: http://jsperf.com/attr-vs-classsname И метод attr() был на 33% медленнее в моем браузере/ОС.

Вот как:

JavaScript: вызов

.custom-class { 
    visiblity: hidden; 
    fill: black; 
    stroke-width: 2; 
} 

Кроме того, вы упускаете скобки в вашем ATTR() и дефис stroke-:

this.className = "custom-class"; 
this.id = 'name'; 

сопровождая CSS метод ширины должен быть заключен в кавычки, например:

Answer 2

попробовать что-то вроде этого, для лучшего использования производительности SetAttribute().

Метод setAttribute() добавляет указанный атрибут и дает ему указанное значение.

this.setAttribute("id","name"); 
this.style.visibility = 'hidden'; 

Answer 3

Самая быстрая альтернатива - установить непосредственно соответствующее свойство атрибута.

this.id = 'name'; 
this.style.visibility = 'hidden'; 

http://jsperf.com/jquery-attr-vs-setattribute/2