首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何定义由.append()创建的元素的宽度和id?

如何定义由.append()创建的元素的宽度和id?
EN

Stack Overflow用户
提问于 2021-07-21 18:54:44
回答 3查看 42关注 0票数 0

我正在尝试创建一个具有width="347px"id="select-box-1"width="347px"元素,这个元素是从.append("select")创建的,我已经尝试搜索关于.append()的信息,但是解释导致我尝试失败。

失败的尝试:

代码语言:javascript
运行
复制
.append("<select id='select-box-1' style='width: 347px'></select>")

创建.append()的脚本的原始部分

代码语言:javascript
运行
复制
<script src="http://d3js.org/d3.v3.js"></script>
<script id="script-da-caixa-de-selecao-suspensa-1">
    function caixasuspensa1(error, data) {
      var select = d3.select("#caixa-suspensa-1")
        .append("select")

注意:此函数适用于D3.js

用于测试的完整脚本:

代码语言:javascript
运行
复制
<script src="http://d3js.org/d3.v3.js"></script>
<script id="script-da-caixa-de-selecao-suspensa-1">
    function caixasuspensa1(error, data) {
      var select = d3.select("#caixa-suspensa-1")
        .append("select")
    
      select
        .on("change", function(d) {
          var value = d3.select(this).property("value");
          document.querySelector('#barra-de-texto-para-radar-1').value = value;
          document.getElementById('botao-do-radar-1').click();
        });
    
      select.selectAll("option")
        .data(data)
        .enter()
          .append("option")
          .attr("value", function (d) { return d.value; })
          .text(function (d) { return d.label; });
    }
    
    d3.csv("Lista_de_Jogos.csv", function(error, data){caixasuspensa1(error, data)});
</script>
EN

Stack Overflow用户

发布于 2021-07-21 18:59:50

创建具有width=“347 box”和id=" select -box-1“的选择元素。

  • 我想最好的方法是创建一个新元素,并使用setAttribute()对其进行样式化,并将id:

代码语言:javascript
运行
复制
let select = document.createElement("select");

select.setAttribute("id", "select-box-1");
select.setAttribute("style", "width: 347px;");

document.body.append(select);
代码语言:javascript
运行
复制
<body></body>

  • Alternatively:

代码语言:javascript
运行
复制
let select = document.createElement("select");

select.id = "select-box-1";
select.style.width = "347px";

document.body.append(select);
代码语言:javascript
运行
复制
<body></body>

票数 2
EN
查看全部 3 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/68475069

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档