我想检索创建任务的名称和日期。我设法将值taskMessage放入本地存储中，但我也不知道如何添加taskName。这是我目前拥有的代码：

$(document).ready(function () {

var i = 0;
for (i = 0; i < localStorage.length; i++) {
    var taskID = "task-" + i;

    $('.task-container').append("<li class='item-content' id='" + taskID + "'>" + localStorage.getItem(taskID) + "</li>");
}
$('.floating-button').on('click', function () {
    myApp.prompt('', 'Add Task', function (task) {
        if (task !== "") {
            myApp.prompt('', 'Choose time', function (time) {
                var d1 = new Date();
                d1.setHours(time, 0, 0, 0);
                var hour = d1.getHours();
                if (time > 0 && time < 25) {
                    var d2 …

我有以下组件：

const StyledH3 = styled.h3`
  direction: ${(props) => (props.isRTL ? 'rtl' : 'ltr')};
`;

const H3 = ({ children }) => (
  <StyledH3 isRTL={isChildrenRTL(children)}>
    {children}
  </StyledH3>
);

export default H3;

我想扩展它的样式，例如在另一个文件中：

import { H3 } from 'components';

const Title = styled(H3)`
  background-color: red;
`;

我该如何实现？

如何更改CSS的伪元素样式？

我正在尝试获取CSS before::规则并将其更改left:为95%或4px。如何在我的上下文中执行此操作？

我也使用进行了一些测试，document.querySelector但是它不起作用，出现了计算只读错误。

有什么建议吗？

例：

的CSS

.iziToast-wrapper-bottomLeft .iziToast.iziToast-balloon:before {
  border-right: 15px solid transparent;
  border-left: 0 solid transparent;
  right: auto;
  left: 8px;
}

js

    if(description_iziToast){
        let RightMode = event.x>window.innerWidth/2;
        let bubblePosition = document.getElementsByClassName("iziToast-balloon")[0]; // get the div that hold the bubble
        let ajustScreenLR = RightMode && document.getElementsByClassName("iziToast")[0].offsetWidth || 0; // halfScreen ajustement
        //bubblePosition.style.left = RightMode && '95%' || '4px'; // here i need to change the position in the befor:: attribut …

当你不知道React的方式时,过去很简单的东西会非常复杂.

我正在尝试创建一个组件,当它到达页面顶部时就像一个粘性页眉或页脚.

目前我非常满足于添加以下内容:

  componentDidMount() {
    window.addEventListener('scroll', this.onScroll, false);
  }

  componentWillUnmount() {
    window.removeEventListener('scroll', this.onScroll, false);
  }

然而,我已经找到了如何获得样式组件的滚动顶部位置.所以假设我有一个调用的样式组件,Container并输出一个表单我通常只是添加一个数据属性,并执行如下所示的操作:

const container = document.getElementbyTag("data-sticky-container")
const position = container.offsetTop 

我将如何在React中执行此操作？

更新

现在用ref.我遇到了一个没有定义电流的问题:

  constructor(props) {
    super(props);
    this.optionBox = React.createRef();
  }

  componentDidMount() {
    window.addEventListener('scroll', this.onScroll, false);
  }

  componentWillUnmount() {
    window.removeEventListener('scroll', this.onScroll, false);
  }

  onScroll() {
    console.log(this.optionBox.current.offsetTop);
  }

我正在尝试从URL 获取html文件的所有CSS文件.

我知道如果我想获取HTML代码很简单 - 只需使用PHP函数 - file_get_contents.

问题是 - 如果我可以轻松搜索HTML的URL 并从那里获取所有相关CSS文件的文件或内容？

注意 - 我想构建一个用于获取大量CSS文件的引擎,这就是为什么只读源是不够的..

谢谢,

我已经尝试过使用javascript中的以下代码，但是得到了：

identifier starts immediately after numeric literal 

以下脚本示例出现错误mcnDel="016160A1"

<script>
 mcnDel="016160A1"               
 var val="<a href='javascript: void(0);' onclick='removeRow("+mcnDel+");'><img src=images/delete.png></a></a></td>"  
</script>