Xususiyat turini o'zgartiring

Bir elementning turi xususiyatini o'zgartirish mumkinmi? Bu haqda boshimni qidirib topsam, barcha xususiyatni value xususiyatini qanday o'zgartirish kerakligini topish mumkin.

Yuqoridagi elementda href ni src ga o'zgartirishni xohlayman. Men uchun elementlarning turi mobilga ishlaydigan iframega o'zgartiradigan skript bor, va u ishni bajarish uchun src turidagi xususiyatga ega bo'lishim kerak.

Diablo

Bu mumkinmi?

1
Nima uchun qatordagi elementga noto'g'ri attributni kiritishingiz kerak, bu sizning qanday muammo deb o'ylaysiz?
qo'shib qo'ydi muallif David Thomas, manba
Nima uchun qatordagi elementga noto'g'ri attributni kiritishingiz kerak, bu sizning qanday muammo deb o'ylaysiz?
qo'shib qo'ydi muallif David Thomas, manba
"Iframe turi" nima degani? Agar langarni iframega aylantirmoqchi bo'lsangiz, elemenlarni almashtirishingiz kerak, uning sifati o'zgarishi ishlamaydi.
qo'shib qo'ydi muallif David Thomas, manba
"Iframe turi" nima degani? Agar langarni iframega aylantirmoqchi bo'lsangiz, elemenlarni almashtirishingiz kerak, uning sifati o'zgarishi ishlamaydi.
qo'shib qo'ydi muallif David Thomas, manba
src zanjiri ustida ishlamaydi
qo'shib qo'ydi muallif zer00ne, manba
Siz uni bosganingizda sizni example.com ga olib borasizmi?
qo'shib qo'ydi muallif zer00ne, manba
Siz uni bosganingizda sizni example.com ga olib borasizmi?
qo'shib qo'ydi muallif zer00ne, manba
Idni dinamik tarzda o'zgartirishni xohlaysizmi?
qo'shib qo'ydi muallif Monicka, manba
Idni dinamik tarzda o'zgartirishni xohlaysizmi?
qo'shib qo'ydi muallif Monicka, manba
Quyidagi javob bilan men uchun ishlaydi.
qo'shib qo'ydi muallif user3344734, manba
Quyidagi javob bilan men uchun ishlaydi.
qo'shib qo'ydi muallif user3344734, manba
Immobiliyani mobil foydalanish uchun iframe turiga o'zgartirayapman va ishlash uchun src atttribute kerak.
qo'shib qo'ydi muallif user3344734, manba
Immobiliyani mobil foydalanish uchun iframe turiga o'zgartirayapman va ishlash uchun src atttribute kerak.
qo'shib qo'ydi muallif user3344734, manba

6 javoblar

removeAttr() usulidan foydalaning va attr() usulini tanlang.

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

$('.colorbox').attr('src', function() {
  return $(this).attr('href');
}).removeAttr('href');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Diablo
</div> </div>

Sof Javascript yordamida Element # setAttribute Element # getAttribute usulini ishlatib, Element # removeAttribute usulini tanlang.

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

var ele = document.querySelector('.colorbox');
ele.setAttribute('src', ele.getAttribute('href'));
ele.removeAttribute('href');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Diablo
</div> </div>

FYI : The jQuery method would work for multiple elements, in Javascript you need to iterate over the element collection to update multiple.

Misol uchun:

// for older browser use [].slice.call(....).forEach
Array.from(document.querySelectorAll('.colorbox')).forEach(function(ele){
//do the rest here
})
4
qo'shib qo'ydi
JQuery va oddiy JS echimlari ekvivalent emasligini unutmang, chunki jQuery versiyasi bir nechta elementlar uchun xususiyatni o'zgartirishi mumkin (chunki u sahnalar orqasida o'ralgan).
qo'shib qo'ydi muallif nnnnnn, manba
Bu men uchun ajoyib ish bo'ldi!
qo'shib qo'ydi muallif user3344734, manba

removeAttr() usulidan foydalaning va attr() usulini tanlang.

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

$('.colorbox').attr('src', function() {
  return $(this).attr('href');
}).removeAttr('href');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Diablo
</div> </div>

Sof Javascript yordamida Element # setAttribute Element # getAttribute usulini ishlatib, Element # removeAttribute usulini tanlang.

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

var ele = document.querySelector('.colorbox');
ele.setAttribute('src', ele.getAttribute('href'));
ele.removeAttribute('href');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Diablo
</div> </div>

FYI : The jQuery method would work for multiple elements, in Javascript you need to iterate over the element collection to update multiple.

Misol uchun:

// for older browser use [].slice.call(....).forEach
Array.from(document.querySelectorAll('.colorbox')).forEach(function(ele){
//do the rest here
})
4
qo'shib qo'ydi
JQuery va oddiy JS echimlari ekvivalent emasligini unutmang, chunki jQuery versiyasi bir nechta elementlar uchun xususiyatni o'zgartirishi mumkin (chunki u sahnalar orqasida o'ralgan).
qo'shib qo'ydi muallif nnnnnn, manba
Bu men uchun ajoyib ish bo'ldi!
qo'shib qo'ydi muallif user3344734, manba

Agar siz faqat javascriptdan foydalanmoqchi bo'lsangiz, getAttribute dan foydalangan holda o'zingizning attributni olishingiz mumkin, yangi xususiyatni setAttribute yordamida o'rnatishingiz va eski kodni removeAttribute .

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

var tag = document.getElementsByClassName('cboxElement')[0];
tag.setAttribute('src', tag.getAttribute('href'));
tag.removeAttribute('href');
Diablo
</div> </div>
0
qo'shib qo'ydi

Agar siz faqat javascriptdan foydalanmoqchi bo'lsangiz, getAttribute dan foydalangan holda o'zingizning attributni olishingiz mumkin, yangi xususiyatni setAttribute yordamida o'rnatishingiz va eski kodni removeAttribute .

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

var tag = document.getElementsByClassName('cboxElement')[0];
tag.setAttribute('src', tag.getAttribute('href'));
tag.removeAttribute('href');
Diablo
</div> </div>
0
qo'shib qo'ydi

Ha, har qanday xususiyatni o'zgartirishingiz mumkin.

Foydalanish:

element.setAttribute(attribute_name, attribute_value)

va atributlardan foydalanish qiymatini olish uchun

element.getAttribute(attribute_name)

E'tibor bering, har bir element elementga ta'sir qilmaydi. Masalan, kirish elementida turdagi xususiyatini sozlash ushbu turdagi yozuvni yaratadi, lekin uni kengaytma ga o'rnatish hech narsa qilinmaydi.

If You want to hold some data information in attributes, I would recommend to use dataset API

0
qo'shib qo'ydi

Ha, har qanday xususiyatni o'zgartirishingiz mumkin.

Foydalanish:

element.setAttribute(attribute_name, attribute_value)

va atributlardan foydalanish qiymatini olish uchun

element.getAttribute(attribute_name)

E'tibor bering, har bir element elementga ta'sir qilmaydi. Masalan, kirish elementida turdagi xususiyatini sozlash ushbu turdagi yozuvni yaratadi, lekin uni kengaytma ga o'rnatish hech narsa qilinmaydi.

If You want to hold some data information in attributes, I would recommend to use dataset API

0
qo'shib qo'ydi
Javascript UZB
Javascript UZB
99 ishtirokchilar

@js_uzb @vuejs_uz @react_uz @nodejs_uz @angular_uz @ngTashkent @yiiframework_uz @laravel_uz @linux_uzbek @python_uz @swift_uzb —————— @uzdevgroup @UzGeeksGroup ——— @UzDev_Jobs @jobs_uzb