0201 设置/修改元素内容和属性

document.write()方法

文本内容追加到前面的位置

文本中标签会被解析

    

innerText属性

将文本内容添加更新到任意标签位置

文本包含的标签不会被解析

   
  
  
    
时间打开VNK的SV你倒是
0201 设置/修改元素内容和属性_第1张图片

innerHTML属性

将文本内容添加更新到任意标签位置

文本包含的标签会被解析

    
  
  
    
时间打开VNK的SV你倒是

随机点名案例

    
  
  
    抽中的选手是:
    

设置/修改元素属性

常见属性:href:链接   title:标题    src:图片

语法:对象.属性=值

    
    

设置/修改元素样式属性

轮番图/滚动图片更换图片属性

通过style属性操作CSS

操作类名(className)操作CSS

通过classList操作类控制CSS

语法

对象.style.样式属性=值

注意

css有连接符的需要用小驼峰法                                                                                                                                                                                                                                                                                                                  

  
  
    
0201 设置/修改元素内容和属性_第2张图片

操作类名(className)操作CSS

  
  
    
0201 设置/修改元素内容和属性_第3张图片

使用classList修改元素样式

//追加一个类

元素.classList.add('类名')

//删除一个类

元素.classList.remove('类名')

//切换一个类,原来有就换,原来没有就加

元素.classList.toggle('类名')

  
  
    

设置/修改表单元素属性

语法:

表单.value='修改内容'

表单.type='修改内容'

你可能感兴趣的:(前端,javascript,html,css)