使用 url 参数更改（或添加）id 名称答案

【问题标题】：Change (or add) id name using url parameters使用 url 参数更改（或添加）id 名称
【发布时间】：2021-06-15 09:29:46
【问题描述】：

我需要从 url 参数更改或创建一个 div

<div class="myclass"></div>

www.example.com?change=newdiv


<div class="myclass" id="newdiv"></div>

用js可以做到吗？

【问题讨论】：

标签： javascript url

【解决方案1】：

是的，你可以这样做:)：

      var url_string =   window.location.href; //window.location.href
var url = new URL(url_string);
var c = url.searchParams.get("change");
var element = document.getElementsByClassName("myclass");
element[0].setAttribute("id",c);

【讨论】：

【解决方案2】：

基本上你需要使用https创建新的URL属性，否则你会得到一个

TypeError：www.example.com 不是有效的 URL。

之后获取搜索参数change并创建一个div在哪里设置id

const url = new URL('https://www.example.com?change=newdiv');
const changeParamValue = url.searchParams.get("change");
console.log("param value: " + changeParamValue)

let newDiv = document.createElement("div");
newDiv.setAttribute("id", changeParamValue);

console.log(newDiv)

【讨论】：

这仅适用于根 url，我需要它用于所有 url