javascript语法中document对象基本介绍

359 ℃
//获取或设置文档的标题
document.title = "新的页面标题";

//获取文档的完整URL
console.log(document.URL);

//获取文档的根元素
console.log(document.documentElement);

//获取文档的元素
console.log(document.body);

//获取文档的元素
console.log(document.head);

//获取导航到当前页面的前一个页面的URL
console.log(document.referrer);

//根据指定的id获取元素
var element = document.getElementById("myElementId");

//根据指定的类名获取元素集合
var elements = document.getElementsByClassName("myClassName");

//根据指定的标签名获取元素集合
var elements = document.getElementsByTagName("div");

//返回文档中匹配指定CSS选择器的第一个Element元素
var element = document.querySelector(".myClass");

//返回文档中匹配指定CSS选择器的所有Element元素的NodeList(静态的)
var elements = document.querySelectorAll(".myClass");

//创建一个新的元素
var newElement = document.createElement("div");

//创建一个新的文本节点
var textNode = document.createTextNode("Hello, world!");

//向文档的某个元素追加子节点
someElement.appendChild(newElement);

//从文档中移除某个子节点
someElement.removeChild(childElement);

//向文档写入HTML表达式或JavaScript代码
document.write("<p>这是一个段落。</p>");

javascript语法如何把json文件输出到html页面上

javascript语法中不等于null和空字符串的3种判断方式

javascript语法读取文本文件代码(PHP代码读取文本文件)

javascript语法对当前链接URL对象处理

原生javascript根据class追加div内容

标签: document对象, javascript语法

上面是“javascript语法中document对象基本介绍”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_15792.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

php如何判断数组个数
wordpress建站中如何显示标签列表页标题
推荐一款来自微软前端工程师的 CSS 高级教程——ModernCSS.dev
jquery有哪些方法可以获取缓存数据
javascript按回车键触发执行事件(跳到搜索页面执行)