怎么把li前的圆点归属到li内容里
时间: 2023-08-10 22:08:57 浏览: 94
可以使用CSS中的list-style-position属性,将其设置为inside即可将列表项符号放在列表项内容的内部。
示例CSS代码:
```
ul {
list-style-position: inside;
}
```
以上代码将ul元素内的所有列表项的符号放在列表项内容内部。
相关问题
怎么把li标签里的数据取出放到数组
你可以使用JavaScript来取出li标签中的数据并放到数组中。首先,你需要获取到包含li标签的父元素,可以使用`document.getElementById`或`document.querySelector`来获取。然后,使用`getElementsByTagName`方法获取所有的li元素。接下来,使用一个循环遍历这些li元素,并将它们的内容存储到一个数组中。下面是一个示例代码:
```javascript
var parentElement = document.getElementById('parentElementId'); // 替换'parentElementId'为实际父元素的id
var liElements = parentElement.getElementsByTagName('li');
var dataArray = [];
for (var i = 0; i < liElements.length; i++) {
dataArray.push(liElements[i].textContent);
}
console.log(dataArray);
```
这段代码会将li标签中的内容存储到名为`dataArray`的数组中,并打印出来。你需要将'parentElementId'替换为实际父元素的id。
消除li标签的小圆点
要消除 `li` 标签的小圆点,可以使用 CSS 来实现。可以为 `li` 标签添加样式,将列表项的样式设置为 `list-style-type: none;`,这样就可以去掉小圆点。以下是一个示例代码:
```html
<style>
li {
list-style-type: none;
}
</style>
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
```
在上面的示例中,`ul` 是一个无序列表,`li` 是列表项。通过将 `li` 的样式设置为 `list-style-type: none;`,就可以消除小圆点。