Javascript 在另一个innerHTML js中输出html元素内容_Javascript_Innerhtml_Fetch Api

Javascript 在另一个innerHTML js中输出html元素内容

javascript

Javascript 在另一个innerHTML js中输出html元素内容,javascript,innerhtml,fetch-api,Javascript,Innerhtml,Fetch Api,我想创建一个动态URL。域部分应该保持不变。例如：在此URL“”中，我想附加从其他网站获取的内容我使用这个js获取结果并将其存储到Html元素“KK1”中 "严格使用",；（异步（）=>{ let response=等待取数（'https://api.com/values/1'); let text=等待响应。text（）；//将响应正文作为文本读取 document.getElementById（“KK1”）.innerHTML=（text.slice（0,80））； })() 假设从

我想创建一个动态URL。域部分应该保持不变。例如：在此URL“”中，我想附加从其他网站获取的内容

我使用这个js获取结果并将其存储到Html元素“KK1”中


"严格使用",；
（异步（）=>{
let response=等待取数（'https://api.com/values/1');
let text=等待响应。text（）；//将响应正文作为文本读取
document.getElementById（“KK1”）.innerHTML=（text.slice（0,80））；
})()

假设从fetch收到的响应是阿米巴1，我想生成一个类似“”的URL

我的代码

 <!DOCTYPE html>
<html>
<head><script>
'use strict';

(async () => {
let response = await fetch('https://api.exchangeratesapi.io/latest?symbols=USD,GBP');

let text = await response.text(); // read response body as text

document.getElementById("KK1").innerHTML = (text.slice(0, 80) );

})()
</script>
<title>My title Dowmloder.rar</title>
</head>
<body>

<h2>My First Web Page</h2>
<p>My First Paragraph.</p>

Generate clickable URL from parameters.

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = "https://www.google.com/search?"+ "I ADD WHAT HERE TO??"; 
</script>

BELOW IS THE STRING I WANT TO APPEND.
<p id="KK1"></p> 
</body>
</html>


"严格使用",；
（异步（）=>{
let response=等待取数（'https://api.exchangeratesapi.io/latest?symbols=USD，英镑）；
let text=等待响应。text（）；//将响应正文作为文本读取
document.getElementById（“KK1”）.innerHTML=（text.slice（0,80））；
})()
我的头衔是Dowmloder.rar
我的第一个网页
我的第一段
根据参数生成可单击的URL。

document.getElementById（“demo”）.innerHTML=”https://www.google.com/search?“+“我在这里添加了什么内容？”；
下面是我要附加的字符串。

如何附加获取的字符串？字符串已在中

期待获得帮助。

也许您可以修改脚本，将API调用的文本结果存储在变量中，然后使用模板文本，使用

${}

您可以为

demo

元素构建新字符串

像下面这样

const resultText = text.slice(0, 80);
document.getElementById("KK1").innerHTML = resultText;
document.getElementById("demo").innerHTML = `https://www.google.com/search?${resultText}`;

或者还有其他连接字符串的方法，如：

'https://www.google.com/search?“+resultText

请在此进一步阅读：

更新：

因此，您需要合并这两个

标记

我想这会帮你完成这项工作：

'use strict';

(async () => {
   let response = await fetch('https://api.exchangeratesapi.io/latest?symbols=USD,GBP');

   let text = await response.text(); // read response body as text

   // essential modified part:
   const resultText = text.slice(0, 80);
   document.getElementById("KK1").innerHTML = resultText;
   document.getElementById("demo").innerHTML = `https://www.google.com/search?${resultText}`;
})();

别忘了取下这个：

<script>
   document.getElementById("demo").innerHTML = "https://www.google.com/search?"+ "I ADD WHAT HERE TO??"; 
</script>


document.getElementById（“demo”）.innerHTML=”https://www.google.com/search?“+“我在这里添加了什么内容？”；

我希望这有帮助

document.getElementById（“demo”）.innerHTML=“？”+document.getElementById（“KK1”）.innerHTML

您正在寻找锚定标记&您想要添加动态

href

：


"严格使用",；
var res=“”；
（异步（）=>{
let response=等待取数（'https://api.exchangeratesapi.io/latest?symbols=USD，英镑）；
let text=等待响应。text（）；//将响应正文作为文本读取
document.getElementById（“KK1”）.innerHTML=（text.slice（0,80））；
document.getElementById（“demo”）.innerHTML=”https://www.google.com/search?“+案文；
document.getElementById（“演示”）.href=”https://www.google.com/search?“+编码URI（文本）；
})()
我的头衔是Dowmloder.rar
我的第一个网页
我的第一段
根据参数生成可单击的URL。


下面是我要附加的字符串。

谢谢@madhu。我已经试过了，但不起作用。请尝试innerText而不是InnerHtmlTanks@norbitrial。我没有成功。也许你可以看看完整的代码和建议。@gilbaO刚刚更新了我的答案，我希望这能解决你的问题。什么是锚定标记/div/p？它是一个

通过生成该字符串，你面临的问题是什么。设置

的

innerHTML

，您应该这样做。你想在那里生成一个实际的可点击链接吗？（可能是

锚定

链接）完美代码。正是我想要的。非常感谢Ritesh Khandekar。

<script>
   document.getElementById("demo").innerHTML = "https://www.google.com/search?"+ "I ADD WHAT HERE TO??"; 
</script>