相关疑难解决方法(0)

我正在尝试创建一个这样的定义列表:

<dl>
   <dt>term1</dt>
   <dd>definition1</dd>
   <dt>term2</dt>
   <dd>definition2</dd>
   <dt>term3</dt>
   <dd>definition3</dd>
</dl>

通过使用此表单中的JSON:

{
  "term1":"definition1"
  "term1":"definition2"
  "term3":"definition3"
}

.用d3.js做最优雅的方式是什么？

PS:我想使用该<dl>元素,因为它似乎是在语义上表示键的最合适的方式:值对:

• http://html5doctor.com/the-dl-element/
• 名值对的语义和结构

考虑这个简单的 HTML 块：

<div id="somediv">
    <btn id="somebutton">Abc</btn>
    <div class="nested">
        <span id="span1">Blah blah blah</span>
        <span id="span2">Bleh bleh bleh</span>
    </div>
</div>

我想使用 D3JS 动态地重新创建它。

这适用于此目的：

(function() {

    var somediv = d3.select( 'body' ).append( 'div' ).attr( 'id', 'somediv' );

    somediv.append( 'btn' )
            .attr( 'id', 'somebutton' )
            .html( 'Abc' );

    var nested = somediv.append( 'div' )
        .attr( 'class', 'nested' );

    nested.append( 'span' ).attr( 'id', 'span1' ).html( 'Blah blah blah' );
    nested.append( 'span' ).attr( 'id', 'span2' ).html( 'Bleh bleh bleh' );

})();

……然而，它非常冗长，有四个命令和两个临时变量……最重要的是，它不容易阅读——不喜欢它。

我正在寻找一种在单个命令中执行此操作的方法。

到目前为止，我有这个： …