gpt4 book ai didi

javascript - 在文本中定位具有嵌入外部值的 java 脚本元素

转载 作者:行者123 更新时间:2023-11-28 05:15:09 24 4
gpt4 key购买 nike

我正在使用“Editey”工具在 Google 云端硬盘上托管一个外观简单的单页网站。我需要的是将相应 Google 电子表格的单个单元格列表中的数字统计值嵌入到我网站文本的各个行中。快完成了,但最终值无法固定在确切位置。单元格值“3”必须在我的文本的一行中显示,就在单词“Alex”之后,但是带有 id 元素“Alex”的段落标签并没有让它们在一行中一起修复。如何将我的文本“Alex”和嵌入结果“3”设置在一行中,让它看起来像 Alex3(“3”样式为红色上标)?

// https://google,developers.appspot.com/chart/interactive/docs/spreadsheets#gid
google.load('visualization', '1', {packages: ['corechart', 'line']});
google.setOnLoadCallback(drawChart);

function drawChart() {
var spreadsheetUrl = "https://docs.google.com/spreadsheets/d/1iVtRu6vQHmyNyXQdqGmoODhz3Vi9LJQSbEyAiw4t1Ww/edit?usp=sharing";
var query = new google.visualization.Query(spreadsheetUrl);
query.send(handleQueryResponse);
}

function handleQueryResponse(response) {
var dataTable = response.getDataTable();
// https://developers.google.com/chart/interactive/docs/reference?hl=en#methods
// getValue(rowIndex, columnIndex)

document.getElementById("Alex").innerHTML = dataTable.getValue(2, 1);
}
#Alex {
vertical-align: super;
font-size: 10px;
color: red;
}
<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script src="code.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<body>
<p>Alex
<p id="Alex"> </p>

</body>
</html>

预先感谢您的关注:)

最佳答案

假设不正确的 HTML 缺少 </head> & </p>标签是错别字,如果你想把两个值放在同一行,你可以使用以下2种方法中的一种:

原因: - 在 HTML 中 <p>标签默认为 block元素( display: block; ),每个 block 元素都延伸到宽度的 100%,因此它们将一个堆叠在另一个下方,而不是一个在另一个内部/旁边(这就是您想要的)。如果你想将它们并排放置,你必须显式更改 display来自 block 的属性(property)至 inline-block .

方法一:将两者设为<p>你想要的标签display: inline-block .

p {
display: inline-block;
}

方法 2(我更喜欢这个):而不是使用 <p> #Alex 的标签, 使用 <span>里面外面<p>元素代替,像这样-

<body>
<p>Alex
<span id="Alex"> </span>
</p>
</body>

因为 <span>默认情况下有 display: inline-block;属性(property)。

希望这对您有所帮助。

关于javascript - 在文本中定位具有嵌入外部值的 java 脚本元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39352012/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com