javascript 更改屬性及創建標籤
雖然應該是一些很基本的東西
但是我的前端其實蠻破的，所以筆記一下關於這個東西
//-----------------------------------1
如果要呈現某種屬性的話 就用
document.querySelector('id').setAttribute('readonly', true);
document.querySelector('id').removeAttribute('readonly');
//-----------------------------------2
$(document).ready(function () {
//取目標Tag為img者
//getElementsByTagName 不能使用forEach走訪 只好使用for走訪
var varTaglist = document.getElementsByTagName('img');
for (let i = 0; i < varTaglist.length; i++) {
//走訪建立id用於區分點選的目標
varTaglist[i].setAttribute('id', 'imgID' + i)
//走訪建立onclick屬性
varTaglist[i].setAttribute('onclick', 'imgclick(id)');
}
});
//設定屬性值 part2
var imgclick = function (id) {
var a = $('#' + id).attr('src');
$('.class').attr('src', a);
$('#id').modal('show');
}
--------------------------------------------------------------------------------------------------------------
創建標籤部分
主要是appendChild('target');
$(document).ready(function () {
//這邊是使用body直接增加
var divobj = document.CreateElement('div');
divobj.InnerHTML = "文字123";
document.body.appendChild(divobj);
//這邊是抓取某個特定id後append進去
var target = document.getElementByid('targetID');
targetID.appendChild(divobj);
});
參考:https://www.fwait.com/how-to-add-and-remove-readonly-attribute-in-javascript/#:~:text=The%20readonly%20attribute%20makes%20your%20input%20field%20completely,in%20the%20javascript%20to%20add%20and%20remove%20attributes.
https://blog.csdn.net/weixin_44741023/article/details/117434364#:~:text=%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8js%E6%B7%BB%E5%8A%A0html%E6%A0%87%E7%AD%BE%20%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8js%E6%B7%BB%E5%8A%A0html%E6%A0%87%E7%AD%BE%20%E5%85%B6%E5%AE%9E%E5%BE%88%E7%AE%80%E5%8D%95%EF%BC%8C%E5%8F%AA%E9%9C%80%E8%A6%81%E4%BB%A5%E4%B8%8B%E5%87%A0%E4%B8%AA%E6%AD%A5%E9%AA%A4%EF%BC%9A,1.%E4%BD%BF%E7%94%A8%20getElementById%20%E8%8E%B7%E5%8F%96%E6%83%B3%E8%A6%81%E5%86%99%E7%9A%84%E6%A0%87%E7%AD%BE%E7%9A%84%E7%88%B6%E6%A0%87%E7%AD%BE%E5%AF%B9%E8%B1%A1%EF%BC%88body%E9%99%A4%E5%A4%96%EF%BC%8C%E5%BD%93%E7%84%B6body%E4%B9%9F%E5%8F%AF%E4%BB%A5%E8%8E%B7%E5%8F%96%EF%BC%8C%E5%BD%93%E6%97%B6%E6%B2%A1%E5%BF%85%E8%A6%81%EF%BC%8C%E5%9B%A0%E4%B8%BA%E4%BB%96%E5%8F%AF%E4%BB%A5%E9%80%9A%E8%BF%87document.body%E7%9B%B4%E6%8E%A5%E8%B0%83%E7%94%A8%EF%BC%89
留言
張貼留言