JavaScript可以用来操作非表单元素的属性,包括元素的样式、内容、属性等。
以下是一些常见的非表单元素属性操作方式的代码示例:
1. 操作元素样式(style)属性:
// 获取元素
var element = document.getElementById('myElement');
// 修改元素的样式
element.style.color = 'blue';
element.style.fontSize = '14px';
2. 操作元素内容(innerHTML)属性:
// 获取元素
var element = document.getElementById('myElement');
// 修改元素的内容
element.innerHTML = '新的内容';
3. 操作元素属性(setAttribute和getAttribute):
// 获取元素
var element = document.getElementById('myElement');
// 设置元素属性
element.setAttribute('data-value', '123');
element.setAttribute('class', 'my-class');
// 获取元素属性
var value &