在D3.js和SVG中，你可以使用fill和stroke属性来让一个元素的背景颜色和边框颜色。如果你想要在矩形元素上显示文字，你需要使用fillText方法。

以下是一个简单的例子：

```javascript // 假设我们有一个div元素 var div = document.getElementById('myDiv');

// 使用fillText方法添加文本 div.fillText('Hello, World!'); ```

在这个例子中，我们首先获取了div元素，然后使用fillText方法添加了文本。

如果你想在文本上添加颜色，你可以直接在文本上写入颜色代码，而不是在fillText方法中。例如：

javascript // 这里我们直接在文本上写入颜色代码 div.fillText('Hello, World!', { color: '#ff0000' });

这将会在div元素上显示红色的文本。

如果你想在文本上添加边框颜色，你可以使用stroke属性。例如：

javascript // 这里我们直接在文本上写入边框颜色 div.strokeText('Hello, World!', { color: '#00ff00' });

这将会在div元素上显示绿色的边框。

注意，fillText方法不会更改元素的样式，它只是添加了文本。如果你想更改元素的样式，你需要使用style属性。例如：

javascript // 这里我们使用style属性更改元素的样式 div.style.fill = 'red'; div.style.stroke = 'green';